/* ─────────────────────────────────────────────────────────────
   Eterna International — Brand tokens
   Reference: brand book v1.0 / 2026
   ───────────────────────────────────────────────────────────── */

:root {
  /* Primary palette */
  --ib-navy:     #2A2D33;
  --ib-azure:    #487B81;
  --ib-teal:     #3EC2B4;
  --ib-bone:     #EDEBEA;
  --ib-paper:    #F4F3F2;

  /* Working derivations */
  --ib-navy-90:  #3A3E45;
  --ib-navy-60:  #6E7278;
  --ib-navy-30:  #C6C4C3;
  --ib-rule:     rgba(42, 45, 51, 0.12);
  --ib-rule-strong: rgba(42, 45, 51, 0.22);

  /* Official gradients */
  --ib-grad-iridium: linear-gradient(90deg, #2A2D33 0%, #487B81 55%, #3EC2B4 100%);
  --ib-grad-bridge:  linear-gradient(90deg, #487B81 0%, #3EC2B4 100%);

  /* Type — load via @import Google Fonts where used */
  --ib-serif:  'Cormorant Garamond', 'Miller Banner', Georgia, serif;
  --ib-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --ib-mono:   'JetBrains Mono', 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Spacing — baseline 8 */
  --ib-1: 4px;
  --ib-2: 8px;
  --ib-3: 12px;
  --ib-4: 16px;
  --ib-5: 24px;
  --ib-6: 32px;
  --ib-8: 48px;
  --ib-10: 64px;
}

/* Eyebrow utility — JetBrains Mono, +25% tracking, uppercase */
.ib-eyebrow {
  font-family: var(--ib-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--ib-navy-60);
}