/* ExtraBook brand source of truth. XB purple, warm paper and soft supporting surfaces. */
:root {
    color-scheme: light;
    --brand-primary: #5b35b5;
    --brand-primary-hover: #482592;
    --brand-ink: #272035;
    --brand-paper: #faf8f4;
    --brand-chrome: #5b35b5;
    --brand-white: #ffffff;
    --brand-tint: #f3eefb;
    --brand-lavender: #e8def8;
    --brand-lavender-light: #f3eefb;
    --brand-peach: #f3d4bd;
    --brand-sage: #dce9df;
    --brand-muted: #716a7d;
    --brand-border: #e5deed;
    --color-primary: var(--brand-primary);
    --color-on-primary: #ffffff;
    --color-background: var(--brand-paper);
    --color-surface: var(--brand-white);
    --color-foreground: var(--brand-ink);
    --color-muted: var(--brand-muted);
    --color-border: var(--brand-border);
    --color-focus: var(--brand-primary);
    --color-success: #276047;
    --color-success-soft: #e9f3ec;
    --color-warning: #81500f;
    --color-warning-soft: #fff4df;
    --color-danger: #a93543;
    --color-danger-soft: #fbecef;
    --eb-primary: var(--brand-primary);
    --eb-primary-dark: var(--brand-primary-hover);
    --eb-ink: var(--brand-ink);
    --eb-paper: var(--brand-paper);
    --eb-lavender: var(--brand-lavender);
    --eb-muted: var(--brand-muted);
    --eb-line: var(--brand-border);
    --font-body: 'Heebo', 'Arial', sans-serif;
    --font-brand: 'Avenir Next', 'Arial', sans-serif;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.875rem;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --radius-sm: .625rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-full: 999px;
    --shadow-sm: 0 2px 8px rgb(39 32 53 / .035);
    --shadow-card: 0 12px 36px rgb(39 32 53 / .055);
    --shadow-sheet: 0 24px 80px rgb(39 32 53 / .18);
    --motion-fast: 160ms;
    --motion-normal: 260ms;
    --motion-slow: 560ms;
    --ease-out: cubic-bezier(.2, .75, .25, 1);
    --ease-spring: cubic-bezier(.2, 1.1, .35, 1);
}
@media (prefers-reduced-motion: reduce) {
    :root { --motion-fast: 0ms; --motion-normal: 0ms; --motion-slow: 0ms; }
}