/**
 * Black Gold Farm - Master Design System Variables
 * Theme: Light Mode Default with Dark Charcoal Structural Accents (#151515) and Luxury Gold (#C9A227)
 */

:root {
    /* Surface & Background Neutrals (Warm Palette) */
    --bg-main: #F7F7F5;
    --bg-surface: #FFFFFF;
    --bg-surface-elevated: #FFFFFF;
    --bg-sidebar: #151515;
    --bg-footer: #151515;
    --bg-input: #FFFFFF;
    --bg-muted: #F0F0EC;
    --bg-overlay: rgba(21, 21, 21, 0.45);

    /* Master Brand Colors */
    --brand-black: #151515;
    --brand-black-soft: #242424;
    --brand-gold: #C9A227;
    --brand-gold-soft: #E4C766;
    --brand-gold-light: #FBF6E5;
    --brand-gold-hover: #B5901F;
    --gold-gradient: linear-gradient(135deg, #C9A227 0%, #E4C766 50%, #C9A227 100%);
    --gold-glow: 0 0 0 3px rgba(201, 162, 39, 0.15);

    /* Semantic Status Systems */
    --green: #2F6B45;
    --green-soft: #E9F5EC;
    --green-dark: #1E462D;

    --red: #C83B3B;
    --red-soft: #FBECEC;
    --red-dark: #962525;

    --amber: #D99A00;
    --amber-soft: #FFF6DD;
    --amber-dark: #946900;

    --blue: #3569A8;
    --blue-soft: #EEF5FC;
    --blue-dark: #224570;

    /* Borders & Dividers */
    --border-color: #E5E5E0;
    --border-light: #EEEEEA;
    --border-dark: #333333;
    --border-gold: #C9A227;

    /* Typography & Content Colors */
    --text-primary: #1A1A1A;
    --text-secondary: #666666;
    --text-muted: #8A8A8A;
    --text-disabled: #B8B8B8;
    --text-light: #FFFFFF;
    --text-gold: #C9A227;

    /* Fonts */
    --font-main: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-heading: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Spatial Dimensions */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Elevation & Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.08);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);

    /* Layout Metrics */
    --sidebar-width: 260px;
    --header-height: 68px;
    --mobile-nav-height: 64px;
    --content-max-width: 1400px;
}