/* COPIA do DS samambai — fonte: clients/powerads/projects/rebrand-samambai/design-system/samambai/tokens.css */
/**
 * samambai — semantic tokens
 * Source of truth: clients/powerads/projects/rebrand-samambai/site-v6/styles.v6.css
 * Brand kit: BRAND.md v2 "estúdio de engenharia" (fechado 2026-06-29)
 */

:root {
  /* Surfaces */
  --color-background: #f7f7f3; /* gelo */
  --color-surface: #ffffff; /* paper */
  --color-surface-muted: #daddd3; /* névoa */
  --color-foreground: #1b1d1a; /* grafite */
  --color-muted: #646b66; /* pedra (AA on gelo) */
  --color-border: rgba(27, 29, 26, 0.1);
  --color-border-strong: rgba(27, 29, 26, 0.18);
  --color-border-on-dark: rgba(247, 247, 243, 0.14);

  /* Brand */
  --color-primary: #173f35; /* pinho — protagonista */
  --color-primary-hover: #0f2c25; /* pinho-dk */
  --color-accent: #1fa76a; /* vivo — spark / "ai" */
  --color-accent-hover: #3cc084;
  --color-accent-strong: #178a57; /* vivo-dk — links on light */
  --color-accent-ink: #0e6b44; /* vivo-ink — eyebrows, AA */
  --color-on-primary: #f7f7f3;
  --color-on-accent: #06130d;
  --color-selection-bg: #1fa76a;
  --color-selection-fg: #06130d;

  /* Feedback (not in site CSS — keep restrained, pinho-family) */
  --color-success: #1fa76a;
  --color-warn: #b8860b;
  --color-danger: #b42318;

  /* Typography */
  --font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-size-body: 17px;
  --line-height-body: 1.65;
  --line-height-heading: 1.06;
  --letter-spacing-heading: -0.025em;

  /* Type scale (approx from site-v6) */
  --text-xs: 12.5px;
  --text-sm: 14px;
  --text-md: 15px;
  --text-base: 17px;
  --text-lg: 1.08rem;
  --text-xl: clamp(2.05rem, 4.4vw, 3.25rem);
  --text-2xl: clamp(2.4rem, 5.5vw, 4rem);

  /* Layout */
  --max-width: 1180px;
  --radius: 18px;
  --radius-sm: 12px;
  --radius-pill: 999px;
  --space-section: clamp(72px, 10vw, 128px);
  --space-gutter: 28px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(15, 44, 37, 0.04),
    0 8px 24px -16px rgba(15, 44, 37, 0.18);
  --shadow-md: 0 4px 12px -4px rgba(15, 44, 37, 0.08),
    0 24px 48px -28px rgba(15, 44, 37, 0.28);
  --shadow-lg: 0 20px 60px -30px rgba(15, 44, 37, 0.45);
  --shadow-cta-primary: 0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 8px 24px -12px rgba(15, 44, 37, 0.55);
  --shadow-cta-vivo: 0 8px 28px -10px rgba(31, 167, 106, 0.65);
}

/* Convenience aliases matching site-v6 variable names */
:root {
  --gelo: var(--color-background);
  --paper: var(--color-surface);
  --nevoa: var(--color-surface-muted);
  --vivo: var(--color-accent);
  --vivo-dk: var(--color-accent-strong);
  --vivo-ink: var(--color-accent-ink);
  --pinho: var(--color-primary);
  --pinho-dk: var(--color-primary-hover);
  --pedra: var(--color-muted);
  --grafite: var(--color-foreground);
  --line: var(--color-border);
  --line-2: var(--color-border-strong);
  --line-light: var(--color-border-on-dark);
  --font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --wrap: var(--max-width);
}