/* WHITE LOTUS TCG / EXPRESSIVE HERITAGE — the site's single token source.
   Values follow Brand Guidelines v1.0 and brand/guidelines/WhiteLotusTCG_Brand_Tokens_v1.0.css.
   All public pages and the owner inbox load this file before any other stylesheet. */

/* Approved typefaces, self-hosted (SIL Open Font License; see /fonts/*-OFL.txt). */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;
 src:url(/fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;
 src:url(/fonts/schibsted-grotesk-latin-ext-wght-normal.woff2) format("woff2");
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;
 src:url(/fonts/fraunces-latin-opsz-normal.woff2) format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;
 src:url(/fonts/fraunces-latin-ext-opsz-normal.woff2) format("woff2");
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;
 src:url(/fonts/fraunces-latin-opsz-italic.woff2) format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;
 src:url(/fonts/fraunces-latin-ext-opsz-italic.woff2) format("woff2");
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
 /* APPROVED brand palette (v1.0) */
 --wl-navy:#25314A; --wl-gold:#F0C781; --wl-ivory:#F8F7F3; --wl-beige:#F0E8D7; --wl-collector-blue:#17374D;

 /* APPROVED font families */
 --wl-font-interface:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --wl-font-editorial:"Fraunces",Georgia,"Times New Roman",serif;

 /* APPROVED desktop type hierarchy (applied to components in Phase 3) */
 --wl-type-hero:56px; --wl-type-section:40px; --wl-type-subheading:24px;
 --wl-type-body:16px; --wl-type-button:14px; --wl-type-caption:13px;

 /* Site roles, mapped onto the approved palette. Older names stay so existing styles keep working. */
 --wl-paper:var(--wl-ivory); --wl-warm:var(--wl-beige); --wl-surface:#fff;
 --wl-ink:var(--wl-navy); --wl-ink-raised:var(--wl-collector-blue);
 --wl-muted:#5B6476; --wl-line:#E4DFD3; --wl-surface-muted:#EFEBE1; --wl-border:#8A8F99;
 /* Gold is an accent, never body text on ivory. These darker golds are for small text and focus rings on light grounds. */
 --wl-gold-ink:#6F5320; --wl-focus:#8A6420; --wl-gold-hover:#E8BA67;
 --wl-error:#9A302B; --wl-success:#365D42;
 --wl-font-ui:var(--wl-font-interface);

 /* Spacing, radius and sizing */
 --wl-space-1:4px; --wl-space-2:8px; --wl-space-3:12px; --wl-space-4:16px;
 --wl-space-6:24px; --wl-space-8:32px; --wl-space-12:48px; --wl-space-16:64px; --wl-space-20:80px;
 --wl-radius-sm:6px; --wl-radius-control:8px; --wl-radius-art:12px;
 --wl-control-height:48px; --wl-touch-target:44px; --wl-content-max:1280px;
 --wl-logo-height:88px;

 /* Motion */
 --wl-duration-press:120ms; --wl-duration-feedback:160ms; --wl-duration-entry:220ms;
 --wl-duration-drawer:260ms; --wl-duration-exit:180ms;
 --wl-ease-out:cubic-bezier(.16,1,.3,1); --wl-ease-in:cubic-bezier(.4,0,1,1);
 --wl-ease-move:cubic-bezier(.65,0,.35,1);
}
@media(max-width:700px){:root{--wl-logo-height:80px;}}
@media(prefers-reduced-motion:reduce){:root{--wl-duration-press:0ms;--wl-duration-feedback:0ms;--wl-duration-entry:0ms;--wl-duration-drawer:0ms;--wl-duration-exit:0ms;}}