/* ===================================
   THEME: DARK (Beava Default)
   Warm dark brown with gold accents
   =================================== */

html {
    background: #1b1915;
}

body {
    background: radial-gradient(1200px 600px at 50% -150px, #6a5e47 0%, #3f3a2f 45%, #27231d 80%, #1b1915 100%);
    color: #f5eedd;
}

:root {
    /* Background Colors */
    --theme-bg-primary: #1b1915;
    --theme-bg-secondary: #27231d;
    --theme-bg-tertiary: #3f3a2f;
    --theme-bg-accent: #27231d;
    --theme-bg-card: rgba(255,255,255,0.04);
    --theme-bg-hover: rgba(255,255,255,0.08);
    
    /* Gradient Colors */
    --theme-gradient-start: #6a5e47;
    --theme-gradient-mid: #3f3a2f;
    --theme-gradient-end: #1b1915;
    --theme-accent: #6a5e47;
    --theme-accent-gradient-start: #6a3f1e;
    --theme-accent-gradient-end: #4d2d15;
    
    /* Text Colors */
    --theme-text-primary: #f5eedd;
    --theme-text-secondary: #e1d6b6;
    --theme-text-heading: #fbf4e0;
    --theme-text-subtitle: #e7dcc0;
    --theme-text-muted: #d8ccb1;
    --theme-text-nav: #efe8d4;
    --theme-text-accent: #f1c574;
    
    /* Border Colors */
    --theme-border-light: rgba(255,255,255,0.08);
    --theme-border-medium: rgba(255,255,255,0.12);
    --theme-border-accent: rgba(241,197,116,0.3);
    --theme-border-accent-solid: #f1c574;
    
    /* Shadow Colors */
    --theme-shadow-dark: rgba(0,0,0,0.35);
    --theme-shadow-accent: rgba(178,58,58,0.16);
    --theme-btn-shadow: rgba(79,45,21,0.5);
    
    /* Button Colors */
    --theme-btn-primary-bg: linear-gradient(180deg, #6a3f1e 0%, #4d2d15 100%);
    --theme-btn-primary-text: #fff8e8;
    --theme-btn-primary-border: #f1c574;
    --theme-btn-outline-text: #efe8d4;
    --theme-btn-outline-border: #f1c574;
    
    /* Status Colors */
    --theme-success: #10b981;
    --theme-warning: #f59e0b;
    --theme-error: #ef4444;
    --theme-info: #3b82f6;
    
    /* Form Controls */
    --theme-input-bg: #27231d;
    --theme-input-text: #f5eedd;
    --theme-input-placeholder: #a09080;
    --theme-input-border: rgba(255,255,255,0.15);
    --theme-input-border-focus: #f1c574;
    --theme-select-bg: #27231d;
}