@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@1,400;1,600&family=Syne:wght@700;800&display=swap');

:root {
  /* Colors */
  --color-black: #0a0a0a;
  --color-pure-black: #000000;
  --color-dark: #141414;
  --color-dark-surface: #1e1e1e;
  --color-dark-gray: #2c2c2c;
  --color-border: #e6e6e6;
  --color-border-dark: #333333;
  --color-light-gray: #f7f7f7;
  --color-white: #ffffff;
  --color-text: #121212;
  --color-text-muted: #666666;
  --color-text-dim: #999999;
  
  /* Brand Accents */
  --color-red: #c91c1c;
  --color-red-hover: #b01818;
  --color-red-light: #fef2f2;
  --color-badge-preorder: #111111;
  --color-badge-sale: #c91c1c;
  --color-accent-gold: #d4af37;

  /* Typography */
  --font-display: 'Anton', 'Syne', sans-serif;
  --font-headline: 'Syne', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-script: 'Playfair Display', Georgia, serif;

  /* Layout & Spacing */
  --container-max-width: 1440px;
  --header-height: 80px;
  --announcement-height: 38px;
  --section-spacing: 5rem;
  --border-radius-sm: 2px;
  --border-radius-md: 4px;
  --border-radius-full: 9999px;

  /* Transitions & Shadows */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.15);
  --shadow-drawer: -4px 0 24px rgba(0, 0, 0, 0.2);

  /* E-Commerce Logic Constants */
  --free-shipping-threshold: 150;
}