:root {
    color-scheme: light;

    --brand-ink: #2F2445;
    --brand-ink-secondary: #51486F;
    --brand-ink-muted: #756D7F;
    --brand-surface: #FFFAF8;
    --brand-surface-soft: #F9EEF3;
    --brand-surface-page: #F7F6FC;
    --brand-blush: #F3C6CE;
    --brand-lilac: #B88BC9;
    --brand-periwinkle: #7C99D5;
    --brand-error: #A1263D;
    --brand-white: #FFFFFF;

    --brand-gradient-action: linear-gradient(90deg, #EDA7BF, #AD87D8);
    --brand-gradient-display: linear-gradient(90deg, #956FBD, #7B89CC 54%, #6F9BD0);

    --brand-font-body: "Segoe UI", Arial, sans-serif;
    --brand-font-display: Baskerville, "Baskerville Old Face", "Bodoni 72", Didot, Georgia, serif;

    --brand-space-1: 0.25rem;
    --brand-space-2: 0.5rem;
    --brand-space-3: 0.75rem;
    --brand-space-4: 1rem;
    --brand-space-6: 1.5rem;
    --brand-space-8: 2rem;
    --brand-space-10: 2.5rem;
    --brand-space-12: 3rem;
    --brand-space-16: 4rem;

    --brand-radius-sm: 0.25rem;
    --brand-radius-md: 0.75rem;
    --brand-radius-lg: 1.5rem;
    --brand-radius-xl: 2.25rem;
    --brand-radius-pill: 999px;

    --brand-glass-subtle: rgba(255, 255, 255, 0.32);
    --brand-glass-strong: rgba(255, 255, 255, 0.78);
    --brand-glass-navigation: rgba(255, 250, 252, 0.88);
    --brand-glass-border: rgba(255, 255, 255, 0.82);
    --brand-border-subtle: rgba(81, 72, 111, 0.12);
    --brand-surface-lilac: #F4F1FB;
    --brand-surface-footer: #FAF7FC;
    --brand-interaction-ink: #5B478C;
    --brand-interaction-surface: linear-gradient(100deg, rgba(124, 153, 213, 0.16), rgba(184, 139, 201, 0.18));
    --brand-interaction-border: rgba(124, 153, 213, 0.56);
    --brand-shadow-pane: 0 1.5rem 4rem rgba(85, 73, 119, 0.12);
    --brand-shadow-hero: 0 1.5rem 5rem rgba(99, 86, 139, 0.14);
    --brand-shadow-action: 0 0.75rem 1.5rem rgba(73, 59, 119, 0.2);
    --brand-shadow-interaction: 0 0.85rem 2rem rgba(91, 71, 140, 0.20);
    --brand-shadow-dialog: 0 1.75rem 5rem rgba(72, 58, 105, 0.28);
    --brand-shadow-navigation: 0 0.8rem 2.5rem rgba(81, 72, 111, 0.14);
    --brand-shadow-card: 0 1rem 2.5rem rgba(81, 72, 111, 0.13);

    --brand-breakpoint-compact: 25rem;
    --brand-breakpoint-dialog: 30rem;
    --brand-breakpoint-content: 40rem;
    --brand-breakpoint-navigation: 64rem;

    --brand-motion-fast: 180ms;
    --brand-motion-interaction: 220ms;
    --brand-motion-standard: 500ms;
    --brand-motion-entry: 900ms;
    --brand-motion-ambient: 18s;
    --brand-ease-standard: ease;
    --brand-ease-entry: cubic-bezier(0.22, 1, 0.36, 1);

    --brand-focus-width: 3px;
    --brand-focus-offset: 3px;
}