/* =====================================================================
   GENESIS EDITORIAL PRECISION THEME VARIABLES
   ===================================================================== */
:root {
    /* Base Backgrounds & Surfaces */
    --bg-color: #FAFAFA;          /* Light warm gray page background */
    --bg-surface: #FFFFFF;       /* Pure white surface for cards, panels, modals */
    --card-bg: #FFFFFF;
    --card-border: #E8E8EC;       /* Recessive border */
    --card-border-hover: #E8E8EC; /* Keep border recessive on hover */

    /* Typography Colors */
    --text-primary: #0A0A0A;     /* Near-black headings, body text */
    --text-secondary: #6B6B6B;   /* Gray metadata, subhead, secondary text */
    --text-muted: #9C9C9C;       /* Neutral muted state / placeholders */

    /* Core Theme Accents */
    --primary: #6366F1;          /* Indigo CTAs, active states, highlights */
    --primary-hover: #4F46E5;    /* Darker indigo hover state */
    --secondary: #20970B;        /* Brand highlight green (reserved for DESIGN.md highlight, unused here but defined) */

    /* Mapping old accent variables to fit Genesis cleanly */
    --accent-gold: #6B6B6B;      /* Previously gold, mapped to neutral gray for non-interactive elements */
    --accent-gold-dark: #0A0A0A;
    --accent-teal: #6366F1;      /* Previously teal, mapped to primary indigo */
    --accent-teal-dark: #4F46E5;

    /* Gradients (Not allowed in Genesis, mapped to solid primary or transparent) */
    --primary-grad: #6366F1;
    --teal-grad: #6366F1;
    --navy-grad: #FFFFFF;
    --gold-glow: rgba(99, 102, 241, 0.08);

    /* Functional States */
    --success-color: #10B981;    /* Success published status */
    --warning-color: #F59E0B;    /* Warning pending status */
    --danger-color: #EF4444;     /* Error/destructive status */

    /* Typography Families */
    --font-display: 'General Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-code: 'JetBrains Mono', monospace;

    /* Transitions & Shadow */
    --transition-smooth: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-premium: none;      /* Cards rest flat in Genesis */
    --shadow-premium-hover: 0 8px 30px rgba(0, 0, 0, 0.08); /* Hover shadow */
    --shadow-btn-hover: 0 4px 12px rgba(99, 102, 241, 0.35); /* Indigo button hover glow */
    --shadow-focus: 0 0 0 3px rgba(99, 102, 241, 0.12); /* Focus ring */
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.08); /* Modals, dropdowns */

    /* Spacing Grid (4px base) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;
    --space-10: 64px;
    --space-11: 80px;
    --space-12: 96px;

    /* Border Radius tokens */
    --radius-chip: 4px;
    --radius-btn: 6px;
    --radius-input: 6px;
    --radius-card: 12px;
    --radius-pill: 9999px;
}