/**
 * @fileoverview CSS Variables — Modern Luxury (Wine & Gold)
 */

:root {
  /* Brand Colors */
  --wine-900: #3B0A1A;
  --wine-800: #501225;
  --wine-700: #6B1D3A;
  --wine-600: #7E2848;
  --wine-500: #8B2252;
  --wine-400: #A84270;
  --wine-300: #C4728F;
  --wine-200: #DFAAB9;
  --wine-100: #F5E6EC;
  --wine-50:  #FBF3F6;

  --gold-700: #7A5B20;
  --gold-600: #A68A4B;
  --gold-500: #C9A96E;
  --gold-400: #D4BA85;
  --gold-300: #E3D5B0;
  --gold-200: #EDE4CC;
  --gold-100: #F7F1E3;
  --gold-50:  #FFFCF8;

  /* Neutrals */
  --cream: #FAF6F0;
  --white: #FFFFFF;
  --charcoal: #2D2D2D;
  --gray-700: #4A4A4A;
  --gray-500: #7A7A7A;
  --gray-400: #9A9A9A;
  --gray-300: #C4C4C4;
  --gray-200: #E0E0E0;
  --gray-100: #F0F0F0;

  /* Structural Aliases */
  --bg-main: var(--cream);
  --bg-surface: var(--white);
  --bg-subtle: #F4EBE1;
  --bg-glass: rgba(250, 246, 240, 0.85);

  --text-main: var(--charcoal);
  --text-body: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-light: var(--gray-400);
  --text-on-dark: var(--white);

  /* Status Colors */
  --success: #2E7D32;
  --success-bg: #E8F5E9;
  --success-text: #1B5E20;
  
  --warning: #F57F17;
  --warning-bg: #FFFDE7;
  --warning-text: #F57F17;
  
  --danger: #C62828;
  --danger-bg: #FFEBEE;
  --danger-text: #B71C1C;
  
  --info: #1565C0;

  /* Borders & Shadows */
  --border-light: rgba(201, 169, 110, 0.25);
  --border-medium: rgba(201, 169, 110, 0.45);
  
  --shadow-sm: 0 2px 8px rgba(59, 10, 26, 0.06);
  --shadow-md: 0 6px 16px rgba(59, 10, 26, 0.08);
  --shadow-lg: 0 16px 32px rgba(59, 10, 26, 0.12);
  --shadow-xl: 0 24px 48px rgba(59, 10, 26, 0.18);

  /* Typography */
  --font-body: 'Cinzel', serif;
  --font-heading: 'Cinzel', serif;
  --font-serif: 'Cinzel', serif;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;

  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --ease-spring: cubic-bezier(0.4, 0, 0.2, 1);
}