:root {
    /* Core palette */
    --mws-bg: #fafaf8;
    --mws-surface: #fff;
    --mws-muted: #f5f3f0;
    --mws-text: #1a1a1a;
    --mws-text-muted: #64625f;

    /* Accent palette */
    --mws-accent: #b8860b;
    --mws-accent-hover: #966d08;
    --mws-accent-light: #d4a84b;

    /* Gold buttons */
    --mws-gold-button-bg: linear-gradient(110deg, #f1dfaa 0%, #e7c979 52%, #d4ad4c 100%);
    --mws-gold-button-bg-hover: linear-gradient(110deg, #ead396 0%, #ddb960 52%, #c59629 100%);
    --mws-gold-button-border: rgba(168, 118, 12, .58);
    --mws-gold-button-shadow: 0 9px 20px rgba(119, 82, 8, .17), inset 0 1px 0 rgba(255, 255, 255, .48), inset 0 -1px 0 rgba(143, 96, 2, .12);

    /* Borders and surfaces */
    --mws-border: #e8e4df;
    --mws-border-dark: #d8d2ca;
    --mws-dark: #10100f;

    /* Typography */
    --mws-serif: "Playfair Display", Georgia, serif;
    --mws-sans: "Source Sans 3", system-ui, sans-serif;
    --mws-mono: "IBM Plex Mono", ui-monospace, monospace;

    /* Layout */
    --mws-shell: 1440px;
    --mws-content: 820px;
    --mws-gutter: clamp(22px, 4vw, 68px);
    --mws-section: clamp(84px, 9vw, 150px);
    --mws-header: 78px;

    /* UI */
    --mws-radius: 4px;
    --mws-shadow: 0 8px 28px rgba(26, 26, 26, .07);
    --mws-fast: 180ms ease;
    --mws-slow: 560ms cubic-bezier(.2, .75, .2, 1);
}