/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --background-color: #faf6ef;
    --surface-color: #ffffff;
    --surface-alt: #f3ece1;
    --text-color: #221f1b;
    --text-muted: #6f6659;
    --border-color: #e4dccc;
    --header-bg: rgba(250, 246, 239, 0.9);

    --ink: #17161d;
    --ink-soft: rgba(23, 22, 29, 0.92);
    --ink-veil: rgba(23, 22, 29, 0.58);
    --cream: #f6efe3;
    --cream-muted: #d6c9b2;

    --primary-color: #7d2b33;
    --primary-hover: #64212a;
    --secondary-color: #17161d;
    --accent-color: #b5893c;
    --accent-hover: #9c7530;
    --accent-soft: #f2e6cd;

    --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 16px;

    --shadow-card: 0 1px 2px rgba(23, 22, 29, 0.06), 0 14px 34px -22px rgba(23, 22, 29, 0.45);
    --shadow-lift: 0 22px 55px -26px rgba(23, 22, 29, 0.5);
}

[data-theme="light"] {
    --color-base-100: #ffffff;
    --color-base-200: #f3ece1;
    --color-base-300: #e4dccc;
    --color-base-content: #221f1b;
    --color-primary: #7d2b33;
    --color-primary-content: #fff7f2;
    --color-secondary: #17161d;
    --color-secondary-content: #f6efe3;
    --color-accent: #b5893c;
    --color-accent-content: #241b09;
    --color-neutral: #17161d;
    --color-neutral-content: #f6efe3;
}