/* 1765 Regina design tokens (SPEC section 2). Shared by the site and the app.
   Dark (midnight nave) is the default; [data-theme="light"] is parchment.
   Every text pairing below is >= 4.5:1 on its own surface (checked with axe in the render harness). */

:root {
  /* palette: night */
  --rg-night: #090B12;
  --rg-night-2: #0E1220;
  --rg-night-3: #141A2B;
  --rg-night-4: #1C2337;
  /* palette: ivory */
  --rg-ivory: #F4EDDF;
  --rg-ivory-dim: #C9C0AB;
  --rg-ivory-mute: #9A927F;
  /* palette: gold */
  --rg-gold: #C49A3C;
  --rg-gold-bright: #E0BC62;
  --rg-gold-deep: #8A6B25;
  /* palette: Marian blue */
  --rg-blue: #2E4E7E;
  --rg-blue-bright: #5B7FB4;
  --rg-blue-soft: #9FB6DA;
  /* palette: Rosa Mystica (sparing) */
  --rg-rose: #8E3B52;
  --rg-rose-bright: #C8607C;

  /* liturgical colours */
  --lit-green: #5A7D52;
  --lit-violet: #6B5B95;
  --lit-red: #A3312F;
  --lit-rose: #C98AA9;
  --lit-white: #F4EDDF;
  --lit-gold: #E0BC62;

  /* semantic surfaces + ink (dark) */
  --bg: var(--rg-night);
  --bg-2: var(--rg-night-2);
  --bg-raised: var(--rg-night-3);
  --bg-raised-2: var(--rg-night-4);
  --bg-glass: rgba(9, 11, 18, 0.86);
  --ink: var(--rg-ivory);
  --ink-dim: var(--rg-ivory-dim);
  --ink-mute: var(--rg-ivory-mute);
  --accent: var(--rg-gold);            /* gold text: 7.5:1 on night */
  --accent-bright: var(--rg-gold-bright);
  --accent-soft: var(--rg-blue-soft);  /* Marian accent text */
  --alert: #D8768F;                     /* rose TEXT: --rg-rose-bright is 4.0-4.5:1 on the raised night surfaces (under AA); this is 4.8:1+ on all of them */
  --line: rgba(244, 237, 223, 0.10);
  --line-2: rgba(244, 237, 223, 0.18);
  --line-gold: rgba(196, 154, 60, 0.28);
  --line-gold-2: rgba(196, 154, 60, 0.55);
  --btn-gold-bg: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold));
  --btn-gold-ink: #120E05;
  --focus: var(--rg-gold-bright);
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 40px -24px rgba(0, 0, 0, 0.8);

  /* type */
  --f-inscr: "Cinzel", "Trajan Pro", Georgia, serif;
  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-body: "EB Garamond", Georgia, "Times New Roman", serif;
  --fs-body: 19px;
  --lh-body: 1.65;
  --track-inscr: 0.28em;

  /* space: 4px grid */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;
  --gutter: max(16px, 4vw);

  /* radii + widths */
  --r-1: 2px; --r-2: 6px; --r-3: 12px; --r-4: 18px;
  --maxw: 1200px;
  --maxw-text: 760px;
  --hdr-h: 72px;

  /* motion (transform + opacity only) */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 140ms;
  --t-med: 260ms;
  --t-slow: 700ms;

  color-scheme: dark;
}

/* parchment (light) theme: the app and any page that opts in */
[data-theme="light"] {
  --bg: #F3ECDC;
  --bg-2: #EDE4D0;
  --bg-raised: #FAF6EC;
  --bg-raised-2: #FFFDF7;
  --bg-glass: rgba(243, 236, 220, 0.9);
  --ink: #1F1A12;
  --ink-dim: #3D3527;
  --ink-mute: #5E5443;
  --accent: #6E5418;
  --accent-bright: #6E5418;
  --accent-soft: #24406A;
  --alert: #8E3B52;
  --line: rgba(31, 26, 18, 0.12);
  --line-2: rgba(31, 26, 18, 0.22);
  --line-gold: rgba(110, 84, 24, 0.30);
  --line-gold-2: rgba(110, 84, 24, 0.55);
  --btn-gold-bg: linear-gradient(180deg, #E0BC62, #C49A3C);
  --btn-gold-ink: #120E05;
  --focus: #24406A;
  --shadow-1: 0 18px 40px -26px rgba(60, 45, 20, 0.45);
  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; --t-slow: 0ms; }
}