:root {
  /* Primary */
  --color-primary: #0D9488;
  --color-primary-light: #CCFBF1;
  --color-primary-bg: #F0FDFA;
  --color-primary-bg-alt: #F0FDF4;

  /* Surface */
  --color-surface: #FFFFFF;
  --color-surface-secondary: #F8F9FA;
  --color-input-bg: #F0F1F3;

  /* Text */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #6B7280;
  --color-text-tertiary: #9CA3AF;

  /* Border */
  --color-divider: #E5E7EB;
  --color-light-gray: #D1D5DB;

  /* Price */
  --color-price-green: #16A34A;
  --color-price-green-light: #F0FDF4;
  --color-price-green-border: #BBF7D0;
  --color-price-red: #DC2626;
  --color-price-red-light: #FEF2F2;

  /* Accent */
  --color-orange: #D97706;
  --color-amazon-orange: #FF9900;

  /* Dark */
  --color-dark: #1A1A1A;
  --color-dark-secondary: #2D2D2D;

  /* Typography */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --tracking-logo: 0.25em;

  /* Radius */
  --radius-card: 14px;
  --radius-input: 12px;
  --radius-pill: 20px;
  --radius-tab: 28px;
  --radius-badge: 6px;

  /* Spacing */
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --space-xxxl: 32px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.12);

  /* Layout */
  --container-max: 1200px;
  --section-padding: 96px;
  --section-padding-mobile: 64px;
}