/* ============================================================
   Lumina Vision — Design Tokens / Color Palette
   Extracted from the original single-file design.
   Change a value here and it propagates across the whole site.
   ============================================================ */

:root {
    /* Surfaces */
    --ivory: #FAFAF7;
    --linen: #F5F1EB;
    --pure: #FFFFFF;

    /* Brand — Sage */
    --sage: #5A9B8E;
    --sage-dark: #4A8B7E;              /* button/link hover */
    --sage-light: rgba(90, 155, 142, 0.08);
    --sage-mid: rgba(90, 155, 142, 0.15);

    /* Accent — Sand */
    --sand: #C4A882;
    --sand-dark: #B49A72;              /* button hover */
    --sand-light: rgba(196, 168, 130, 0.12);

    /* Ink */
    --charcoal: #2C3E3A;
    --warm-gray: #6B7D78;

    /* Lines */
    --soft-border: rgba(44, 62, 58, 0.08);

    /* Type */
    --font-sans: 'Outfit', sans-serif;
    --font-serif: 'Cormorant Garamond', serif;

    /* Layout */
    --container: 1200px;
}