@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto%20Mono:wght@400;500;700&display=swap');

:root {
    --brand-carbon-black: #0a0a0a;
    --brand-carbon-gray: #1a1a1a;
    --brand-carbon-charcoal: #2d2d2d;
    --brand-carbon-slate: #404040;
    --brand-off-white: #f5f5f5;
    --brand-white: #ffffff;
    --brand-titanium: #e8e8e8;
    --brand-chrome: #c0c0c0;
    --brand-silver: #888888;
    --brand-steel-blue: #4a6fa5;
    --brand-accent-primary: #FFB627;
    --brand-accent-secondary: #8b6f47;
    --brand-accent-tertiary: #5a7555;
    --brand-accent-orange: #B84A00;
    --brand-bg: #1a1a1a;
    --brand-bg-light: #2d2d2d;
    --brand-bg-lighter: #404040;
    --brand-surface: #f5f5f5;
    --brand-text: #e8e8e8;
    --brand-text-light: #c0c0c0;
    --brand-text-muted: #888888;
    --brand-border: #404040;
    --brand-primary: #FFB627;
    --brand-danger: #ef4444;
    --brand-success: #5a7555;
    --brand-font-heading: 'Montserrat', sans-serif;
    --brand-font-body: 'Montserrat', sans-serif;
    --brand-font-mono: 'Roboto Mono', monospace;
    --brand-space-xs: 4px;
    --brand-space-sm: 8px;
    --brand-space-md: 16px;
    --brand-space-lg: 24px;
    --brand-space-xl: 32px;
    --brand-space-2xl: 48px;
    --brand-space-3xl: 64px;
    --brand-radius-sm: 4px;
    --brand-radius-md: 6px;
    --brand-radius-lg: 8px;
    --brand-radius-xl: 12px;
    --brand-shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --brand-shadow-md: 0 4px 6px rgba(0,0,0,0.15);
    --brand-shadow-lg: 0 10px 20px rgba(0,0,0,0.2);
    --brand-shadow-xl: 0 20px 40px rgba(0,0,0,0.3);
}