/* ==========================================================================
   PRICEY — Design Tokens
   ========================================================================== */

:root {
  /* Backgrounds */
  --color-bg-primary: #faf8f5;
  --color-bg-secondary: #f0ece6;
  --color-bg-dark: #2c2417;
  --color-card-bg: #ffffff;

  /* Text */
  --color-text-primary: #2c2417;
  --color-text-secondary: #6b5e50;
  --color-text-muted: #9a8e80;
  --color-text-inverse: #faf8f5;

  /* Accent */
  --color-accent-gold: #d4a853;
  --color-accent-gold-hover: #c49a45;
  --color-accent-gold-light: rgba(212, 168, 83, 0.12);

  /* Wishera accent */
  --color-wishera-sage: #98AC70;
  --color-wishera-sage-light: rgba(152, 172, 112, 0.12);

  /* Semantic */
  --color-success: #5a7a5a;
  --color-error: #a04040;
  --color-info: #5a6a7a;

  /* Borders & Shadows */
  --color-border: #e5e0d8;
  --color-border-light: #f0ece6;
  --shadow-card: 0 1px 3px rgba(44, 36, 23, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(44, 36, 23, 0.1);
  --shadow-modal: 0 8px 32px rgba(44, 36, 23, 0.15);
  --shadow-nav: 0 1px 0 rgba(44, 36, 23, 0.06);

  /* Typography */
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing (8px base grid) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --container-max: 1200px;
  --container-narrow: 800px;
  --container-padding: 20px;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
  --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}