/**
 * Savvy Rest Gift Card Enhancements - CSS Variables
 * Central design token system for consistency
 * Version: 2.0.0
 */

:root {
  /* Primary Colors - Organic Brown Palette */
  --gc-primary: #8B7355;
  --gc-primary-dark: #9d8466;
  --gc-accent: #D4816F;
  --gc-text: #2C3E2F;
  --gc-text-secondary: #666;
  --gc-text-tertiary: #999;
  
  /* Background Colors */
  --gc-bg-cream: #F8F6F3;
  --gc-bg-white: #FDFCFA;
  --gc-bg-pure-white: #ffffff;
  
  /* Trust & Success Colors */
  --gc-gold: #C9A86A;
  --gc-trust-green: #5A7C5E;
  --gc-success-light: #f0fdf4;
  --gc-success-border: #86efac;
  --gc-success-text: #15803d;
  
  /* Borders & Shadows */
  --gc-border: #E8E4DF;
  --gc-border-light: #E5E3DF;
  --gc-shadow-sm: rgba(44, 62, 47, 0.05);
  --gc-shadow-md: rgba(44, 62, 47, 0.08);
  --gc-shadow-lg: rgba(0, 0, 0, 0.1);
  --gc-shadow-primary: rgba(139, 115, 85, 0.3);
  --gc-shadow-primary-hover: rgba(139, 115, 85, 0.4);
  --gc-shadow-accent: rgba(212, 129, 111, 0.4);
  
  /* Spacing System - 4px base unit */
  --gc-spacing-xs: 4px;
  --gc-spacing-sm: 8px;
  --gc-spacing-md: 12px;
  --gc-spacing: 16px;
  --gc-spacing-lg: 20px;
  --gc-spacing-xl: 24px;
  --gc-spacing-2xl: 32px;
  --gc-spacing-3xl: 40px;
  
  /* Border Radius */
  --gc-radius-sm: 8px;
  --gc-radius: 12px;
  --gc-radius-md: 12px;
  --gc-radius-lg: 16px;
  --gc-radius-pill: 24px;
  --gc-radius-circle: 50%;
  
  /* Typography */
  --gc-font-family: 'Questrial', sans-serif;
  --gc-font-family-heading: 'Playfair Display', serif;
  --gc-font-size-xs: 11px;
  --gc-font-size-sm: 12px;
  --gc-font-size-base: 14px;
  --gc-font-size-md: 15px;
  --gc-font-size-lg: 16px;
  --gc-font-size-xl: 18px;
  --gc-font-size-2xl: 20px;
  --gc-font-size-3xl: 22px;
  --gc-font-size-4xl: 24px;
  --gc-font-size-5xl: 28px;
  
  --gc-font-weight-normal: 400;
  --gc-font-weight-medium: 500;
  --gc-font-weight-semibold: 600;
  --gc-font-weight-bold: 700;
  --gc-font-weight-extrabold: 800;
  
  --gc-line-height-tight: 1.2;
  --gc-line-height-snug: 1.3;
  --gc-line-height-normal: 1.5;
  --gc-line-height-relaxed: 1.7;
  
  /* Transitions */
  --gc-transition-fast: 0.15s ease;
  --gc-transition: 0.3s ease;
  --gc-transition-slow: 0.5s ease;
  
  /* Grid & Layout */
  --gc-gap-sm: 16px;
  --gc-gap: 16px;
  --gc-gap-lg: 20px;
  --gc-gap-xl: 24px;
  
  --gc-max-width: 1200px;
  --gc-max-width-narrow: 900px;
  --gc-max-width-form: 600px;
  
  /* Z-index Layers */
  --gc-z-base: 1;
  --gc-z-dropdown: 100;
  --gc-z-sticky: 200;
  --gc-z-modal: 1000;
  --gc-z-mobile-sticky: 9999;
}