/* site/assets/css/base/variables.css */

:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --text-hero: clamp(2.5rem, 6vw, 5rem);
  --text-h2: clamp(2rem, 4vw, 3rem);
  --text-h3: 1.5rem;
  --text-body: 1rem;
  --text-small: 0.875rem;

  --container-max: 1200px;
  --container-px: 1.5rem;

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  --z-nav: 100;
  --z-fab: 200;
  --z-modal: 1000;
}

@media (min-width: 768px) {
  :root { --container-px: 2rem; }
}

[data-theme="light"] {
  --bg-primary: #FFFBF0;
  --bg-secondary: #FFFFFF;
  --bg-elevated: #FAF3E0;
  --text-primary: #1A1410;
  --text-secondary: #4A4238;
  --text-muted: #8B8270;
  --border: #E8DEC2;
  --accent: #C99B2A;
  --accent-hover: #A87E22;
  --brand: #8B6914;
  --shadow-sm: 0 1px 2px rgba(26,20,16,0.04);
  --shadow-md: 0 1px 2px rgba(26,20,16,0.04), 0 4px 12px rgba(201,155,42,0.10);
  --shadow-lg: 0 4px 12px rgba(26,20,16,0.08), 0 12px 32px rgba(201,155,42,0.18);
  --gradient-hero: linear-gradient(135deg, #A87E22, #E5B547 50%, #FFE08A);
}

[data-theme="dark"] {
  --bg-primary: #000000;
  --bg-secondary: #0A0A0A;
  --bg-elevated: #141414;
  --text-primary: #F5F2E8;
  --text-secondary: #B8B0A0;
  --text-muted: #707068;
  --border: #2A2620;
  --accent: #F4C430;
  --accent-hover: #FFD66B;
  --brand: #D4A235;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.6);
  --shadow-md: 0 1px 2px rgba(0,0,0,0.6), 0 4px 24px rgba(244,196,48,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.8), 0 0 48px rgba(244,196,48,0.12);
  --gradient-hero: linear-gradient(135deg, #A87E22, #E5B547 50%, #FFE08A);
}

body {
  background: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color var(--transition-base), color var(--transition-base);
}