/* 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: 58px;
  --ya-prefs-bar-h: 0px;
  --ya-chrome-h: 58px;
  --chrome-h: var(--ya-chrome-h);

  /* Semantic — light only (site-wide) */
  --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;

  color-scheme: light;
}

html,
[data-theme="light"],
[data-theme="dark"] {
  color-scheme: light;
}

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);
}