/* EMCI Hub — Design Tokens
   Fonte autoritativa: emci_livro_a4_editavel/05_tokens/emci_a4_book_tokens.json */

:root {
  /* ── BRAND ─────────────────────────────────────────────── */
  --petroleum-blue:  #0A1D2E;
  --emerald-teal:    #009688;
  --electric-cyan:   #00D4FF;
  --graphite:        #2B2F36;
  --stone-gray:      #E5E7EB;
  --off-white:       #F7F8FA;
  --navy-mid:        #0F2A40;   /* fundo de seção escura intermediária */
  --aqua-bridge:     #58C7D9;   /* ponte teal↔cyan (design book: aqua_bridge) */

  /* ── SEMANTIC ───────────────────────────────────────────── */
  --color-primary:       var(--petroleum-blue);
  --color-primary-light: #1A3A52;
  --color-accent:        var(--emerald-teal);
  --color-accent-light:  var(--electric-cyan);
  --color-dark:          var(--graphite);
  --color-muted:         #5A6B7E; /* ≥4.5:1 sobre off-white e branco (WCAG AA) */
  --color-bg:            var(--off-white);
  --color-white:         #FFFFFF;
  --color-success:       #4CAF7D;
  --color-warning:       #E8892A;
  --color-error:         #D94F3D;
  --color-surface-dark:  #163448; /* bg de cards em seções escuras (landing) */
  --cyan-dim:            rgba(0, 212, 255, 0.12); /* overlay tênue de cyan */

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --font-heading: 'Montserrat', 'Inter', Arial, sans-serif;
  --font-sans:    'Inter', Arial, Helvetica, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    900;

  --leading-normal:  1.5;
  --leading-relaxed: 1.625;

  /* ── SPACING ────────────────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* ── BORDER RADIUS ──────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;
  --radius-2xl:  32px;

  /* ── SHADOWS ────────────────────────────────────────────── */
  --shadow-sm:   0 2px 8px rgba(10,29,46,0.08);
  --shadow-md:   0 4px 16px rgba(10,29,46,0.12);
  --shadow-card: 0 2px 12px rgba(10,29,46,0.08);

  /* ── TRANSITIONS ────────────────────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* ── Z-INDEX ────────────────────────────────────────────── */
  --z-above:   10;
  --z-overlay: 200;
  --z-toast:   400;
}