/* AINA shared design tokens — used by all variants for consistency */
:root {
  /* Light surfaces */
  --aina-cream: #FFFCF8;
  --aina-cream-strong: #FFFDF9;
  --aina-paper: #F8FAFC;
  --aina-paper-2: #F5F6FB;

  /* Dark surfaces */
  --aina-ink: #070A12;
  --aina-ink-2: #10131D;
  --aina-glass: rgba(255, 255, 255, 0.06);
  --aina-glass-strong: rgba(255, 255, 255, 0.10);
  --aina-glass-border: rgba(255, 255, 255, 0.12);

  /* Brand */
  --aina-navy: #0B132B;
  --aina-gold: #D4AF37;
  --aina-bronze: #B88A44;
  --aina-gold-warm: #E4C177;
  --aina-teal: #1AA79D;
  --aina-indigo: #6F77FB;

  /* Type */
  --aina-text-dark: #0B132B;
  --aina-text-on-dark: #F4F1EA;
  --aina-muted-on-dark: #A7A9B4;

  /* States */
  --aina-success: #6EE7B7;
  --aina-warning: #FBBF24;
  --aina-error:   #FB7185;

  /* Type families */
  --display: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --ui: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
}

html, body { margin: 0; padding: 0; }
body {
  font-family: var(--ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'ss01', 'cv02';
}
.font-display { font-family: var(--display); }
.font-mono    { font-family: var(--mono); }

/* hairline gold rule used in logo lockup */
.aina-rule {
  height: 1px;
  background: var(--aina-gold);
  flex: 1;
}

.aina-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 11px;
  font-weight: 600;
  color: var(--aina-gold);
}

/* AINA logo block — used by all variants */
.aina-mark { width: 40px; height: 24px; flex-shrink: 0; }
.aina-mark .wing-l, .aina-mark .wing-r { fill: var(--aina-navy); }
.aina-mark .peak { fill: var(--aina-gold); }
.aina-mark .dot { fill: var(--aina-navy); }
.aina-mark--on-dark .wing-l, .aina-mark--on-dark .wing-r { fill: var(--aina-text-on-dark); }
.aina-mark--on-dark .dot { fill: var(--aina-text-on-dark); }