/* Y.A Alma Legacy — unified design tokens (all portals) */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;0,900;1,700&display=swap");

:root {
  --ya-font-sans: "Cairo", system-ui, sans-serif;
  --ya-font-display: "Playfair Display", Georgia, serif;

  --ya-navy-950: #060d1f;
  --ya-navy-900: #0a1628;
  --ya-navy-800: #0f2040;
  --ya-navy-700: #1d2f6f;
  --ya-gold-500: #c9a84c;
  --ya-gold-400: #d4b96a;
  --ya-gold-300: #e8c76a;
  --ya-cream: #fefbf0;
  --ya-green: #2e7d52;
  --ya-muted: #8b9cc8;

  --ya-group-nav-h: 42px;
  --ya-prefs-bar-h: 34px;
  --ya-chrome-h: calc(var(--ya-group-nav-h) + var(--ya-prefs-bar-h));
  --chrome-h: var(--ya-chrome-h);

  /* Semantic — dark default */
  --ya-bg: var(--ya-navy-950);
  --ya-bg-elevated: var(--ya-navy-900);
  --ya-fg: var(--ya-cream);
  --ya-fg-muted: rgba(254, 251, 240, 0.55);
  --ya-fg-faint: rgba(254, 251, 240, 0.38);
  --ya-border: rgba(255, 255, 255, 0.1);
  --ya-border-gold: rgba(201, 168, 76, 0.28);
  --ya-accent: var(--ya-gold-500);
  --ya-accent-fg: var(--ya-navy-950);
  --ya-card-bg: rgba(255, 255, 255, 0.04);
  --ya-card-border: rgba(255, 255, 255, 0.08);
  --ya-input-bg: rgba(255, 255, 255, 0.05);
  --ya-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  --ya-glass: rgba(6, 13, 31, 0.88);

  color-scheme: dark;
}

[data-theme="light"] {
  color-scheme: light;
  --ya-bg: #faf8f4;
  --ya-bg-elevated: #ffffff;
  --ya-fg: #0c1640;
  --ya-fg-muted: rgba(12, 22, 64, 0.62);
  --ya-fg-faint: rgba(12, 22, 64, 0.42);
  --ya-border: rgba(12, 22, 64, 0.1);
  --ya-border-gold: rgba(201, 168, 76, 0.45);
  --ya-accent: #7a5e18;
  --ya-accent-fg: #fefbf0;
  --ya-card-bg: rgba(255, 255, 255, 0.92);
  --ya-card-border: rgba(12, 22, 64, 0.08);
  --ya-input-bg: #ffffff;
  --ya-shadow: 0 12px 32px rgba(12, 22, 64, 0.08);
  --ya-glass: rgba(250, 248, 244, 0.92);
  --ya-muted: #5a6a8a;
}

html.ya-unified {
  font-family: var(--ya-font-sans);
  background: var(--ya-bg);
  color: var(--ya-fg);
}

.ya-display {
  font-family: var(--ya-font-display);
}