/**
 * LoMi Quest - Design System Variables
 * Rustic/Ancient Quest Theme
 */

:root {
  /* Rustic/Ancient Quest Color Palette */
  --color-primary: #8B4513;        /* Saddle Brown */
  --color-primary-dark: #654321;   /* Dark Brown */
  --color-primary-light: #A0522D;  /* Sienna */
  --color-secondary: #DAA520;      /* Goldenrod */
  --color-secondary-light: #FFD700;/* Gold */
  --color-accent: #CD853F;         /* Peru */
  
  /* Background Colors */
  --color-bg-dark: #2C1810;        /* Deep Brown */
  --color-bg-medium: #3E2723;      /* Medium Brown */
  --color-bg-light: #5D4037;       /* Light Brown */
  --color-bg-overlay: rgba(44, 24, 16, 0.85);
  
  /* Text Colors */
  --color-text-primary: #F5DEB3;   /* Wheat */
  --color-text-secondary: #DEB887; /* Burlywood */
  --color-text-muted: #BC8F8F;     /* Rosy Brown */
  --color-text-heading: #FFD700;   /* Gold */
  
  /* Status Colors */
  --color-success: #4CAF50;
  --color-warning: #FF9800;
  --color-error: #F44336;
  --color-info: #2196F3;
  
  /* Typography */
  --font-heading: 'Cinzel', 'Georgia', serif;
  --font-body: 'Roboto', 'Arial', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;
  
  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  
  /* Borders */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-width: 2px;
  --border-color: #8B4513;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.5);
  
  /* Layout */
  --sidebar-width: 290px;
  --max-content-width: 1100px;
  --header-height: 60px;
}