:root {
    /* Core brand colors */
    --color-background: #F8F8FF;
    --color-ink: #171716;
    --color-ink-soft: #24211f;
    --color-paper: #f7f4ee;
    --color-bone: #eee9df;
    --color-muted: #746d65;
    --color-line: rgba(23, 23, 22, 0.16);
    --color-line-strong: rgba(23, 23, 22, 0.28);
    --color-light-line: rgba(255, 255, 255, 0.3);

    /* Semantic surfaces */
    --surface-page: var(--color-background);
    --surface-page-translucent: rgba(248, 248, 255, 0.5);
    --surface-header: rgba(248, 248, 255, 0.94);
    --surface-paper: var(--color-paper);
    --surface-dark: var(--color-ink);

    /* Legacy aliases kept for existing components */
    --bg-base: var(--surface-page);
    --text-main: #2C2A29;
    --text-muted: #6B6865;
    --bs-ink: var(--color-ink);
    --bs-soft-ink: var(--color-ink-soft);
    --bs-paper: var(--surface-paper);
    --bs-bone: var(--color-bone);
    --bs-muted: var(--color-muted);
    --bs-line: var(--color-line);
    --bs-line-strong: var(--color-line-strong);
    --bs-light-line: var(--color-light-line);

    /* Brand accents */
    --accent-primary: #DDE5DA;
    --accent-secondary: #EADCA6;
    --accent-tertiary: #F4E4E4;
    --accent-primary-dark: #61705A;
    --accent-secondary-dark: #806832;

    /* Typography */
    --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-sans: 'Jost', Arial, Helvetica, sans-serif;
    --font-script: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --bs-type-micro: 10px;
    --bs-type-label: 11px;

    /* Shape and motion */
    --admin-bg: #F4EFEA;
    --border-radius: 2px;
    --transition: 0.3s ease;
    --bs-motion-fast: 180ms;
    --bs-motion-standard: 480ms;
    --bs-motion-slow: 900ms;
    --bs-motion-signature: 680ms;
    --bs-motion-reveal: 760ms;
    --bs-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --bs-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --bs-ease-signature: cubic-bezier(0.22, 1, 0.36, 1);
    --bs-ease-precise: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --bs-motion-fast: 1ms;
        --bs-motion-standard: 1ms;
        --bs-motion-slow: 1ms;
    }
}