/* ============================================================
   MS REVENUE — DESIGN TOKENS
   Base: quase-preto quente. Cor como linguagem de informação.
   Cada capability/outcome tem uma cor semântica fixa — não decorativa.
   ============================================================ */

:root {
  /* ---- MS Revenue brand tokens — scoped to brand-mark contexts.
     The site's multichromatic information palette below stays intact;
     these are NOT a replacement for --blue/--cyan/etc. ---- */
  --ms-navy: #07152E;
  --ms-blue: #1769FF;
  --ms-cyan: #19D8D1;
  --ms-white: #F7F9FC;
  --ms-muted: #9CA9BA;

  /* ---- Base (near-black, warm neutral — not navy) ---- */
  --bg-950: #08080b;
  --bg-900: #0c0c11;
  --bg-800: #131319;
  --bg-700: #1b1b24;
  --bg-600: #262631;
  --bg-500: #35354340;

  --hairline: rgba(255, 255, 255, 0.07);
  --hairline-strong: rgba(255, 255, 255, 0.14);

  /* ---- Text ---- */
  --text-hi: #f5f5f7;
  --text-mid: #c3c3cd;
  --text-low: #83838f;
  --text-faint: #55555f;

  /* ---- Signal palette — six semantic hues on near-black ----
     Each hue is assigned to ONE concept and reused consistently:
     blue = growth/revenue/RevOps · pink = retention/CS
     violet = efficiency/AI & automation · cyan = intelligence/data
     amber = digital/presence/acquisition · green = proof/positive outcome
  */
  --blue: #4f8cff;
  --blue-core: #2f6bf0;
  --blue-dim: #4f8cff26;

  --pink: #f472b6;
  --pink-core: #ec4899;
  --pink-dim: #f472b626;

  --violet: #a78bfa;
  --violet-core: #8b5cf6;
  --violet-dim: #a78bfa26;

  --cyan: #22d3ee;
  --cyan-core: #06b6d4;
  --cyan-dim: #22d3ee26;

  --amber: #fbbf24;
  --amber-core: #f59e0b;
  --amber-dim: #fbbf2426;

  --green: #34d399;
  --green-core: #10b981;
  --green-dim: #34d39926;

  --red: #f87171;
  --red-core: #ef4444;

  /* ---- Semantic assignment (outcomes / capabilities) ---- */
  --c-growth: var(--blue);       /* Crescimento & Receita · Revenue Operations */
  --c-retention: var(--pink);    /* Retenção & Monetização · Customer Success */
  --c-efficiency: var(--violet); /* Eficiência & Automação · AI & Automation */
  --c-intelligence: var(--cyan); /* Inteligência & Decisão */
  --c-digital: var(--amber);     /* Presença, Aquisição & Expansão Digital · Digital Growth */
  --c-proof: var(--green);       /* Proof / resultado medido */

  /* ---- WhatsApp CTA (single functional accent, not part of the system palette) ---- */
  --whatsapp: #25d366;

  /* ---- Typography ---- */
  --font-display: "Space Grotesk", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-wordmark: "Manrope", "Inter", sans-serif;

  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 40px;
  --sp-6: 64px;
  --sp-7: 96px;
  --sp-8: 160px;

  /* ---- Layout ---- */
  --maxw: 1280px;
  --edge: clamp(24px, 5vw, 96px);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}