/* assets/css/variables.css */

:root {
  /* Color Palette - Premium Steel & Natural */
  --c-dark: #1A1A1A; /* Matte Black */
  --c-grey-dark: #2C3E50; /* Anthracite grey */
  --c-grey-light: #ECF0F1; /* Brushed Metal/Platinum */
  --c-accent: #E67E22; /* Vibrant Orange */
  --c-white: #FFFFFF;
  --c-text: #4A5568;
  --c-border: #E2E8F0;
  
  --c-wood: #D4A373; /* Natural Wood accent */

  /* Typography */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'Roboto Mono', monospace;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  --border-radius: 8px; /* Slightly sharp for a modern/architectural look */
}

/* Dark theme specific overrides */
[data-theme="dark"] {
  --c-white: #1A1A1A;
  --c-text: #E2E8F0;
  --c-grey-light: #2D3748;
}