/* AQNI design tokens. Admin Studio overrides these from site_settings at build time. */
:root {
  --c-navy: #0B2545;
  --c-teal: #2CA58D;
  --c-gold: #D4B06A;
  --c-white: #F9FAFB;
  --c-charcoal: #263238;
  --c-ink: #0B2545;           /* text that is navy on light and white on dark */
  --c-btn: #0B2545;           /* solid control background */

  --c-bg: #FFFFFF;           /* strict: pages are pure white */
  --c-surface: #FFFFFF;
  --c-panel: #F9FAFB;         /* light grey: selected panels and subtle separation only */
  --c-text: var(--c-charcoal);
  --c-text-muted: #5b6a72;
  --c-border: #e3e8ea;
  --c-link: #166654;          /* teal darkened for AA contrast on white */
  --c-focus: #0b6bcb;

  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Lora", Georgia, "Times New Roman", serif;

  --fs-0: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-1: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --fs-2: clamp(1.35rem, 1.2rem + 0.7vw, 1.75rem);
  --fs-3: clamp(1.75rem, 1.4rem + 1.6vw, 2.6rem);
  --fs-4: clamp(2.3rem, 1.6rem + 3.4vw, 4.2rem);

  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 5rem;

  --radius: 14px;
  --radius-sm: 8px;
  --shadow-1: 0 1px 2px rgba(11,37,69,.06), 0 4px 14px rgba(11,37,69,.06);
  --shadow-2: 0 2px 6px rgba(11,37,69,.08), 0 18px 40px rgba(11,37,69,.12);
  --container: 1180px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --ease: cubic-bezier(.2,.7,.2,1);
}

/* Dark mode is opt-in only (data-theme="dark"); public pages are white by default for every visitor. */
@media all {
  :root[data-theme="dark"] {
    --c-bg: #0a1626; --c-surface: #10233b; --c-text: #e8eef2;
    --c-text-muted: #9fb0bb; --c-border: #1f3550; --c-link: #5ed1b9; --c-ink: #ffffff; --c-btn: #1f5f9a;
  }
}