/* ================================================================= */
/* BRAND VARIABLE CONFIGURATION (_variables.css) */
/* This is the master file defining the site's visual identity. */
/* ================================================================= */

:root {

    /* --- 1. COLORS --- */
    /* Naming: [Element]-[Placement/State] */
    /* ------------------------------------------------------------- */
    
    /* Backgrounds */
    --color-bg-primary: #131313;      /* Main site background (Near Black) */
    --color-bg-secondary: #252525;    /* Alternate sections, cards (Dark Gray) */
    
    /* Text */
    --color-text-primary: #EAEAEA;    /* Main body text, headings (Light Gray) */
    --color-text-secondary: #b3b3b3;  /* Sub-text, metadata, muted elements (Medium Gray) */
    
    /* Accents & Brand Colors */
    --color-accent-primary: #368edb;  /* Links, interactive highlights (Brand Blue) */
    --color-accent-highlight: #1C2A47; /* Primary CTAs, key elements (Dark Navy) */
    --color-brand-brown: #2b1d13;      /* Secondary brand color (Rich Leather Brown) */
    

    /* --- 2. TYPOGRAPHY --- */
    /* Ensure fonts are linked in header.php */
    /* ------------------------------------------------------------- */
    
    /* Families */
    --font-family-header: 'Inter Tight', sans-serif; /* Headings, buttons, UI elements */
    --font-family-body: 'Inter Tight', sans-serif;   /* Body text, paragraphs */
    
/* Base Size & Weights */
    --font-size-xs: 0.9rem;
    --font-size-sm: 1.1rem;
    --font-size-base: 1.2rem;       /* Default body font size */
    --font-size-lg: 1.3rem;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    

    /* --- 3. SIZING & SPACING --- */
    /* Based on a 1rem (16px) unit scale */
    /* ------------------------------------------------------------- */
    
    /* Spacing Scale */
    --spacing-unit: 1rem;           /* Base unit (16px) */
    --spacing-xs: calc(var(--spacing-unit) * 0.5);  /* Extra Small (8px) */
    --spacing-sm: var(--spacing-unit);             /* Small (16px) */
    --spacing-md: calc(var(--spacing-unit) * 2);   /* Medium (32px) */
    --spacing-lg: calc(var(--spacing-unit) * 4);   /* Large (64px) */
    --spacing-xl: calc(var(--spacing-unit) * 6);   /* Extra Large (96px) - Added for consistency */

    /* Borders */
    --border-radius-base: 0.25rem;    /* Standard corners (buttons, inputs) */
    --border-radius-img: 0.75rem;     /* Larger radius for images */

}