/*
 * Design tokens: colour, type, spacing, layout, motion.
 * Extracted verbatim from _reference/CWP_Website.html (prototype). Asset URLs rewritten to theme files.
 */
/* Brand + derived base colours */
:root{
--burgundy:#71150c;
--cream:#ddd1c4;
--cream-light:#efe8e0;
--ivory:#faf7f3;
--ink:#2f2b28;
--ink-muted:#5e564f;
--line:#d6ccc0;
--pattern-dark:#570f08;
--pattern-light:#8a2217;
--white:#ffffff;

/* Semantic — light theme (default) */
--surface:#ffffff;
--surface-tint:#efe8e0;
--surface-raised:#faf7f3;
--text:#2f2b28;
--text-muted:#5e564f;
--heading:#71150c;
--eyebrow:#71150c;
--accent:#71150c;
--accent-hover:#8a1c11;
--on-accent:#ffffff;
--border:#d6ccc0;
--border-strong:#857a70;
--focus-ring:#71150c;
--error:#b42318;
--success:#1f6a4a;
--scrim:#2a0b07b3;
}

/* Semantic — burgundy theme: set data-theme="burgundy" on a section */
[data-theme="burgundy"]{
--surface:#71150c;
--surface-tint:#5a1009;
--surface-raised:#821f15;
--text:#faf7f3;
--text-muted:#e6dbd0;
--heading:#f6f0e9;
--eyebrow:#ddd1c4;
--accent:#ddd1c4;
--accent-hover:#efe8e0;
--on-accent:#71150c;
--border:#ddd1c44d;
--border-strong:#c9bcae;
--focus-ring:#ddd1c4;
--error:#ffb4a6;
--success:#a8e0c0;
}


:root{
--font-head:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;
--font-body:"Open Sans",system-ui,"Segoe UI",Arial,sans-serif;
--font-cjk:"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;
--font-mono:ui-monospace,Menlo,Consolas,monospace;

/* Display — Open Sans Condensed */
--type-hero-size:60px;--type-hero-lh:1.1;--type-hero-weight:400;--type-hero-tracking:0.01em;--type-hero-size-mobile:34px;
--type-section-size:44px;--type-section-lh:1.15;--type-section-weight:400;--type-section-tracking:0.01em;--type-section-size-mobile:30px;
--type-subhead-size:32px;--type-subhead-lh:1.2;--type-subhead-weight:400;--type-subhead-tracking:0.01em;--type-subhead-size-mobile:26px;
--type-card-title-size:26px;--type-card-title-lh:1.2;--type-card-title-weight:400;--type-card-title-tracking:0.005em;--type-card-title-size-mobile:24px;

/* Text — Open Sans */
--type-body-size:18px;--type-body-lh:1.6;--type-body-size-mobile:16px;
--type-body-sm-size:15px;--type-body-sm-lh:1.55;
--type-caption-size:13px;--type-caption-lh:1.5;
--type-eyebrow-size:13px;--type-eyebrow-lh:1.2;--type-eyebrow-weight:600;--type-eyebrow-tracking:0.08em;--type-eyebrow-size-mobile:12px;
--type-button-size:15px;--type-button-lh:1.2;--type-button-weight:600;--type-button-tracking:0.02em;
--type-nav-size:15px;--type-nav-lh:1.2;--type-nav-weight:500;--type-nav-tracking:0.04em;
--type-label-size:14px;--type-label-lh:1.3;--type-label-weight:600;

/* Chinese — Noto Sans SC */
--type-cjk-name-size:20px;--type-cjk-name-lh:1.3;--type-cjk-name-weight:500;--type-cjk-name-tracking:0.08em;
--type-cjk-body-size:16px;--type-cjk-body-lh:1.7;

/* Semantic aliases */
--text-headline:var(--font-head);
--text-ui:var(--font-body);
}


:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:120px;

--radius-none:0;--radius-sm:2px;--radius-md:4px;
--shadow-menu:0 12px 32px #2f2b2824;

/* Semantic gaps inside a section block */
--gap-eyebrow-headline:var(--space-4);
--gap-headline-body:var(--space-5);
--gap-body-cta:var(--space-6);
--gap-heading-content:var(--space-7);
--control-min-height:48px;
}


:root{
--container-max:1200px;
--page-margin-desktop:80px;--page-margin-mobile:24px;
--gutter-desktop:24px;--gutter-mobile:16px;
--breakpoint-tablet:768px;--breakpoint-desktop:1024px;
--section-padding-desktop:120px;--section-padding-mobile:64px;
--hero-height:88vh;
--header-height:80px;
--split-text:40%;--split-media:60%;
--ratio-person:4 / 5;/* @kind other */--ratio-window:1 / 2;/* @kind other */--ratio-editorial:4 / 3;/* @kind other */--ratio-wide:16 / 9;/* @kind other */

/* Motion */
--duration-fast:160ms;/* @kind other */--duration-base:240ms;/* @kind other */--duration-slow:600ms;/* @kind other */
--ease-standard:cubic-bezier(0.2, 0, 0, 1);/* @kind other */
}