/* ==========================================================================
   CIEA Design Tokens "Midnight Ink"
   Single source of truth for the whole site. Every colour, font and core
   measurement lives here as a CSS custom property. The Tailwind theme
   (js/theme.js) and all component styles (css/style.css) reference these
   variables change a value here (or via the CMS design-token editor)
   and the entire site updates.
   ========================================================================== */

:root {
    /* --- Dark anchors --- */
    --ciea-ink: #141B18;            /* nav, hero, contact sections */
    --ciea-ink-deep: #0E1311;       /* footer */

    /* --- Gold accent family --- */
    --ciea-gold: #D2A656;           /* solid buttons, badges, key numerals */
    --ciea-gold-bright: #DDB46A;    /* gold text on dark, button hover */
    --ciea-gold-line: #C9A35F;      /* hairlines, borders */
    --ciea-gold-deep: #A9762F;      /* gold text on light backgrounds */
    --ciea-gold-dim: #94753F;       /* diamond ornament mid shade */
    --ciea-gold-deepest: #6E5A36;   /* diamond ornament outer shade */

    /* --- Light surfaces --- */
    --ciea-paper: #F7F5F1;          /* light section background */
    --ciea-white: #FFFFFF;          /* card backgrounds, alternate sections */
    --ciea-cream: #F4F1E9;          /* headline/body text on dark */

    /* --- Text on light --- */
    --ciea-text: #2A2620;           /* headlines on light */
    --ciea-muted: #79736B;          /* body text on light */
    --ciea-meta: #8B8579;           /* card meta lines on light */

    /* --- Text on dark --- */
    --ciea-dark-muted: #A8AFA8;     /* body text on dark */
    --ciea-dark-faint: #8E968E;     /* labels/captions on dark */
    --ciea-dark-dim: #6A726A;       /* footnotes, © line */
    --ciea-nav-link: #B9BFB9;       /* inactive nav links */
    --ciea-footer-desc: #7E867E;    /* footer description text */
    --ciea-cream-soft: #E8E4D8;     /* secondary button text on dark */

    /* --- Hairlines --- */
    --ciea-line: #E2DCCE;           /* hairline borders on paper */
    --ciea-line-light: #E9E4D8;     /* card borders on white */

    /* --- Live indicator (Nisab) --- */
    --ciea-live-dark: #6FBF8B;      /* LIVE dot on dark */
    --ciea-live-light: #4F9E6B;     /* LIVE dot on light */

    /* --- Gold alpha mixes (dark-section borders & tints) --- */
    --ciea-gold-a18: rgba(201, 163, 95, 0.18);
    --ciea-gold-a22: rgba(201, 163, 95, 0.22);
    --ciea-gold-a25: rgba(201, 163, 95, 0.25);
    --ciea-gold-a30: rgba(201, 163, 95, 0.30);
    --ciea-gold-a35: rgba(201, 163, 95, 0.35);
    --ciea-gold-a45: rgba(201, 163, 95, 0.45);
    --ciea-gold-tint: rgba(201, 163, 95, 0.05);   /* row hover on light */

    /* --- Dark panel recipe (Nisab widget, contact form) --- */
    --ciea-panel-bg: rgba(255, 255, 255, 0.035);
    --ciea-input-bg: rgba(255, 255, 255, 0.04);

    /* --- Typography --- */
    --font-display: 'Marcellus', serif;
    --font-sans: 'Montserrat', sans-serif;

    /* --- Geometry --- */
    --radius-btn: 3px;              /* buttons, inputs */
    --radius-panel: 6px;            /* panels (Nisab widget, contact form) */
    --radius-card: 8px;             /* event cards */
    --shadow-card-hover: 0 12px 32px rgba(42, 38, 32, 0.10);
    --content-max: 1280px;
}