/* SOURCE THEMES
   A visitor arriving from ximetix.com, sovereynfounder.com or cathedralyx.com stays in the same world:
   affordabilitytowalk.com/<slug> and the post-checkout pages wear that site's colours and type.
   Colours come from each parent site's own CSS tokens. All three parents set type in the same three
   families, served here from /fonts/ (copied from sovereynfounder.com by deploy.sh), so no third party
   is contacted. A font file downloads only when a themed page uses it; the default amber pages never do.
   Theme names live in four places that must agree: this file, the head script in /index.html and
   /full/index.html, and THEMES in atw-api/content.mjs. */

@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cg-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cg-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cg-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/ss-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/ss-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url(/fonts/ar-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Archivo";src:url(/fonts/ar-600.woff2) format("woff2");font-weight:600;font-display:swap}

/* ---------- colours ---------- */
html[data-src="ximetix"]{ /* ximetix.com: --void --bone --bone-mid --bone-dim --line --purple --purple-bright */
  --bg:#070511;--fg:#ede9f7;--muted:rgba(237,233,247,.86);--faint:rgba(237,233,247,.42);--line:rgba(155,114,219,.18);
  --amber:#b89af0;--label:#9b72db;--amber-soft:rgba(155,114,219,.07);--amber-line:rgba(184,154,240,.55);
  --btn-bg:#b89af0;--btn-fg:#070511;--btn-hover:#ede9f7;--btn-hover-op:1}
html[data-src="sovereyn"]{ /* sovereynfounder.com: --void --bone --mute --dim --line --sand, .cta on --stone */
  --bg:#070511;--fg:#ede9f7;--muted:#a59fb8;--faint:#6f6987;--line:rgba(237,233,247,.12);
  --amber:#b8a58c;--label:#b8a58c;--amber-soft:rgba(184,165,140,.08);--amber-line:rgba(184,165,140,.55);
  --btn-bg:#d9cdb9;--btn-fg:#070511;--btn-hover:#ede9f7;--btn-hover-op:1}
html[data-src="cathedralyx"]{ /* cathedralyx.com: --nave --ivory --mute --dim --line --gold, gold outline buttons */
  --bg:#08070c;--fg:#efe7d6;--muted:#a49d90;--faint:#6c675f;--line:rgba(239,231,214,.11);
  --amber:#d9c38a;--label:#d9c38a;--amber-soft:rgba(217,195,138,.08);--amber-line:rgba(217,195,138,.55);
  --btn-bg:transparent;--btn-fg:#d9c38a;--btn-border:1px solid rgba(217,195,138,.45);--btn-hover:rgba(217,195,138,.08);--btn-hover-op:1}

/* ---------- type: Cormorant Garamond for display, Archivo for labels and buttons, Source Sans 3 for reading ---------- */
html.themed body{font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif}
html.themed .hero h1,
html.themed .screen h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(34px,7vw,52px);line-height:1.1;letter-spacing:-.01em}
html.themed .q h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(24px,5.4vw,30px);line-height:1.3}
html.themed .item h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:22px;line-height:1.3}
html.themed .lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;line-height:1.35}
html.themed .tcard .tprice,
html.themed .score,
html.themed .dscore{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
html.themed .score{font-size:clamp(96px,26vw,148px)}
html.themed .score-label{margin-top:18px}
html.themed .dscore{font-size:24px}
html.themed .tcard .tprice{font-size:54px}
html.themed .eyebrow,
html.themed .tname,
html.themed .term h3,
html.themed .tier,
html.themed .dname,
html.themed .item .meta,
html.themed .q-num{font-family:"Archivo",sans-serif;font-weight:500}
html.themed .eyebrow{letter-spacing:.28em}
html.themed .q-meta .sub{font-family:"Source Sans 3",system-ui,sans-serif;font-size:14px}
html.themed .btn{font-family:"Archivo",sans-serif;font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:18px 26px}
html.themed .tcard .btn{padding:18px 14px}

@media print{
  html.themed{--bg:#fff;--fg:#111;--muted:#444;--faint:#777;--line:#ddd;--amber:#8a6420;--label:#8a6420}
}
