/* Stances uses paper, ink and restrained colour across every public view. */
:root, [data-theme="light"] {
    color-scheme: light;
    --font-body: 'Segoe UI', Arial, sans-serif;
    --font-display: Georgia, 'Times New Roman', serif;
    --color-bg-primary: #f5f2e9;
    --color-bg-secondary: #fffdf7;
    --color-bg-tertiary: #eae6da;
    --color-text-primary: #252821;
    --color-text-secondary: #54574e;
    --color-text-tertiary: #62665b;
    --color-accent: #244bc7;
    --color-accent-hover: #17358f;
    --color-accent-warm: #92500c;
    --color-accent-green: #296341;
    --color-accent-red: #ae373b;
    --color-highlight: #e5ed75;
    --color-on-highlight: #252821;
    --color-border: #c8c8b9;
    --color-border-light: #deded1;
    --color-border-subtle: #deded1;
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    --spacing-3xl: 6rem;
    --spacing-4xl: 8rem;
    --spacing-5xl: 12rem;

    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 4px;
    --radius-2xl: 6px;
    --shadow-sm: 1px 1px 0 var(--color-border);
    --shadow-md: 3px 3px 0 var(--color-border);
    --shadow-lg: 5px 5px 0 var(--color-border);
    --shadow-xl: 7px 7px 0 var(--color-border);
    --shadow-glow: none;
    --gradient-hero: var(--color-bg-primary);
    --gradient-accent: linear-gradient(var(--color-accent), var(--color-accent));
    --gradient-card-hover: var(--color-bg-secondary);
    --glass-bg: var(--color-bg-secondary);
    --glass-border: var(--color-border);
    --glass-blur: 0px;
    --glass-shadow: none;
    --glass-shadow-hover: var(--shadow-sm);
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
    --transition-spring: 0.2s ease;
}
[data-theme="dark"] {
    color-scheme: dark;
    --color-bg-primary: #1c211e;
    --color-bg-secondary: #242b25;
    --color-bg-tertiary: #303a31;
    --color-text-primary: #f3f0e4;
    --color-text-secondary: #c3c8b9;
    --color-text-tertiary: #a8b29f;
    --color-accent: #9db7ff;
    --color-accent-hover: #c6d6ff;
    --color-accent-warm: #efb87d;
    --color-accent-green: #99d6a6;
    --color-accent-red: #ffa6a5;
    --color-border: #596451;
    --color-border-light: #394434;
    --color-border-subtle: #394434;
}