/* =========================================================
   ALX Contabilidade — Design tokens
   Paleta oficial (manual de identidade House Criação):
   #060E26 navy · #8F94A6 · #AFB8C6 · #DFE4F2 · #F29F05 · #D18100
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

:root {
  /* Marca */
  --navy-950: #030818;
  --navy-900: #060E26;   /* oficial */
  --navy-800: #0C1838;
  --navy-700: #15244D;
  --navy-600: #22356A;
  --slate-500: #8F94A6;  /* oficial */
  --slate-400: #AFB8C6;  /* oficial */
  --slate-200: #DFE4F2;  /* oficial */
  --slate-100: #EEF1F8;
  --slate-50:  #F7F8FC;
  --amber-400: #F7B53C;
  --amber-500: #F29F05;  /* oficial — destaque/CTA */
  --amber-600: #D18100;  /* oficial — cor principal do logo */
  --amber-700: #A86700;

  /* Semânticas */
  --bg: var(--slate-50);
  --bg-dark: var(--navy-900);
  --text: var(--navy-900);
  --text-muted: #5A6178;
  --text-on-dark: #F4F6FC;
  --text-on-dark-muted: var(--slate-400);
  --accent: var(--amber-500);
  --accent-strong: var(--amber-600);
  --border: rgba(6, 14, 38, .10);
  --border-on-dark: rgba(223, 228, 242, .12);
  --positive: #2FB67C;
  --negative: #E5484D;

  /* Glass */
  --glass-light: rgba(255, 255, 255, .62);
  --glass-dark: rgba(12, 24, 56, .55);
  --glass-border-light: rgba(255, 255, 255, .7);
  --glass-border-dark: rgba(223, 228, 242, .14);
  --glass-blur: 18px;

  /* Gradientes */
  --grad-amber: linear-gradient(135deg, #F7B53C 0%, #F29F05 45%, #D18100 100%);
  --grad-navy: radial-gradient(120% 80% at 80% 0%, #22356A 0%, #0C1838 45%, #060E26 100%);
  --grad-glow: radial-gradient(closest-side, rgba(242,159,5,.35), transparent);

  /* Tipografia */
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --fs-display: clamp(2.5rem, 5.2vw, 4.5rem);
  --fs-h1: clamp(2.1rem, 4vw, 3.4rem);
  --fs-h2: clamp(1.7rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 1.3vw, 1.2rem);
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-eyebrow: .75rem;

  /* Espaço / forma */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --radius-sm: 10px; --radius-md: 16px; --radius-lg: 24px; --radius-xl: 32px; --radius-pill: 999px;
  --container: 1240px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(6,14,38,.06), 0 2px 8px rgba(6,14,38,.05);
  --shadow-md: 0 8px 30px rgba(6,14,38,.10);
  --shadow-lg: 0 24px 60px rgba(6,14,38,.18);
  --shadow-amber: 0 10px 30px rgba(242,159,5,.35);

  /* Movimento */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: .5s;
}