/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* Brand palette — desert orange, deep teal, sand beige */
    --primary-color: #e4571f;
    --primary-hover: #bd3f12;
    --secondary-color: #083b3a;
    --secondary-hover: #052827;
    --accent-color: #f2b93c;
    --accent-soft: #f8dc95;
    --majorelle-color: #2f3fd0;
    --clay-color: #a8351a;

    --background-color: #f6ead6;
    --surface-color: #fffaf1;
    --sand-color: #efdcbe;
    --sand-deep: #dfc69f;
    --ink-color: #14201e;

    --text-color: #14201e;
    --text-muted: #6d6455;
    --border-color: #d9c4a3;

    --font-heading: 'Fraunces', 'Georgia', serif;
    --font-body: 'Karla', 'Segoe UI', sans-serif;
    --font-mono: 'Space Mono', 'Courier New', monospace;

    --radius-sm: 6px;
    --radius-md: 16px;
    --radius-lg: 30px;
    --shadow-soft: 0 14px 34px -20px rgba(20, 32, 30, 0.5);
    --shadow-lift: 0 26px 50px -26px rgba(8, 59, 58, 0.6);
    --shadow-stamp: 5px 5px 0 var(--ink-color);
}