:root {
    --cream: #ffffff;
    --warm-white: #fff9fe;
    --charcoal: #1a1a1a;
    --dark: #2a2a2a;
    --mid: #5f5f5f;
    --muted: #9ca3af;
    --light: #d1d5db;

    --gold: #f60be5;
    --gold-light: #fde7fb;
    --gold-l: #fde7fb;
    --accent: #d309c5;
    --accent-dark: #b007a4;

    /* Aliases so old templates keep working */
    --saffron: #f60be5;
    --saffron-d: #b007a4;
    --saffron-l: #f93ef0;
    --saffron-bg: #fde7fb;
    --maroon: #7a0070;
    --maroon-l: #c0066e;

    --border: #f3d1ef;
    --border-l: #fae9f8;
    --border-light: #fae9f8;

    --green: #22c55e;
    --red: #ef4444;

    --shadow-s: 0 2px 10px rgba(246, 11, 229, 0.08);
    --shadow-m: 0 4px 20px rgba(246, 11, 229, 0.12);
    --shadow-l: 0 8px 40px rgba(246, 11, 229, 0.18);

    --radius-s: 8px;
    --radius-m: 12px;
    --radius-l: 16px;
    --nav-h: 60px;
    --bottom-h: 64px;
}