/* The single palette and rhythm source. Gold is ornament; gold-ink is text on parchment;
   gold-light is text on navy. Accents (teal, terracotta, lapis) colour ornament and feedback,
   never body text on navy. All text pairs meet WCAG AA (see docs/design/andalusian.md). */
:root {
 --navy:#1B2A4A; --navy-deep:#131F38; --navy-soft:#24365C; --gold:#C9A227; --gold-light:#E2C46A; --cream:#F6F0E1;
 --ink:var(--navy); --paper:var(--cream); --surface:#FFFCF5; --wash:#EDE5D3;
 --muted:#596170; --line:#D9CFB9; --line-strong:#9C8C6D; --gold-ink:#725714;
 --teal:#236456; --teal-wash:#E4EEE5; --terracotta:#984D36; --rose-wash:#F5E6DE; --lapis:#34547C;
 --good:var(--teal); --bad:var(--terracotta); --flat:var(--muted);
 --on-navy:var(--cream); --navy-muted:#C2CAD7; --scrim:#14223BCC;
 /* Ornament accents on navy, one per word class (medallions, zellige). */
 --accent-ism:#3C8C76; --accent-harf:#6E8FC4; --accent-fil:#C8714F; --accent-pattern:var(--gold);
 /* Zellige: star-and-cross tiles, and lacería bands. */
 --z-ground:var(--navy); --z-star:#2E7A66; --z-star-2:#B4613F; --z-line:var(--gold); --z-heart:var(--gold-light);
 /* Translucent gold and navy for hairlines, glass and shadows; arch voussoirs (red/cream, as at Córdoba). */
 --gold-a25:#C9A22740; --gold-a33:#C9A22755; --gold-a40:#C9A22766; --gold-a50:#C9A22780; --gold-a60:#C9A22799;
 --navy-a18:#1B2A4A2E; --navy-a20:#1B2A4A33; --navy-a60:#1B2A4A99; --navy-glass:#13203ACC; --shade-a25:#0A122340; --shade-a40:#0A122366;
 --voussoir-red:#A4533A; --voussoir-cream:#EFE3C6;
 --terracotta-deep:#7E3F2C; --gold-deep:#725714;
 /* Filled controls (primary buttons, selected pills and tabs), the illustration mat, switch
    knobs and the status-bar strip: navy and parchment by day, re-set for Night below. */
 --fill:var(--navy); --on-fill:var(--cream); --fill-hover:var(--lapis); --fill-press:var(--navy-soft);
 --mat:var(--cream); --mat-ink:var(--navy); --mat-muted:#596170; --fill-accent:var(--gold-light); --knob:var(--surface); --strip:var(--navy); --sky-opacity:.075;
 color-scheme:light;
 --medallion-paper:var(--navy); --medallion-line:var(--gold);
 --display:'Cormorant Garamond',Georgia,serif; --body:'Source Sans 3',system-ui,sans-serif;
 --arabic:'Amiri Quran','Geeza Pro','Arabic Typesetting',serif;
 /* Text fields: Latin in Source Sans, typed Arabic in Amiri (its @font-face covers only Arabic). */
 --field:'Source Sans 3','Amiri Quran',system-ui,sans-serif;
 --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem;
 --title-sm:1.75rem; --title-md:2.25rem; --title-lg:3.5rem;
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
 --radius:10px; --radius-lg:20px; --shadow:0 12px 36px #1B2A4A0A; --shadow-lift:0 18px 48px #1B2A4A26; --shadow-sheet:0 24px 90px #101A3540;
 --content:1040px; --reading:720px; --ease:cubic-bezier(.2,.65,.3,1);
}
/* Night: ink-navy reading surfaces, cream text, gold ornament, softened terracotta and teal.
   Walls (Home, page bands, results) keep their navy and read a step lighter than the page.
   The illustration mat stays parchment: the art's own ground is cream. Every text pair is AA
   (docs/design/andalusian.md, "Night"). */
:root[data-theme=night] {
 color-scheme:dark;
 --paper:#0F1829; --surface:#172238; --wash:#1E2B45; --ink:#ECE3CF;
 --muted:#A6B0C2; --line:#2A3954; --line-strong:#586A8B; --gold-ink:#D9BC66;
 --teal:#79BFA7; --teal-wash:#163532; --terracotta:#E39D84; --rose-wash:#38232A; --lapis:#93B4E0;
 --terracotta-deep:#F0B39C; --scrim:#050A14D9;
 --fill:#D8B755; --on-fill:var(--navy-deep); --fill-hover:#E6C977; --fill-press:#E6C977;
 --knob:var(--cream); --strip:var(--navy-deep); --fill-accent:var(--navy-deep); --sky-opacity:.05;
 --voussoir-red:#9A4E37; --voussoir-cream:#D8CBA8;
 --shadow:0 12px 36px #0000002E; --shadow-lift:0 18px 48px #00000059; --shadow-sheet:0 24px 90px #000000A6;
}
@font-face {font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face {font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face {font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/source-sans-3-latin-400-normal.woff2') format('woff2')}
@font-face {font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/source-sans-3-latin-600-normal.woff2') format('woff2')}