/* ==========================================================================
   Brand Visual Identity Design Tokens - WIDEWAY SPORTSWEAR
   Generated by Brand Visual System Master (Standard W3C Tokens)
   ========================================================================== */

:root {
  /* Brand Core Palette */
  --brand-primary: #E50408;
  --brand-primary-rgb: 229, 4, 8;
  --brand-secondary: #0B1E36;
  --brand-secondary-rgb: 11, 30, 54;
  --brand-accent: #00B4D8;
  --brand-accent-rgb: 0, 180, 216;

  /* Surfaces & Canvases */
  --surface-canvas: #F8FAFC;
  --surface-card: #FFFFFF;
  --surface-border: #E2E8F0;
  --surface-dark: #0F172A;

  /* Typography Colors */
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;
  --text-inverted: #FFFFFF;

  /* Semantics */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #E00000;

  /* Spatial & Elevation */
  --logo-clear-space: 0.5X on all 4 boundaries (No text, graphics or border intrusion);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 20px -4px rgba(15,23,42,0.08);
  --shadow-glow: 0 0 24px -4px rgba(229, 4, 8, 0.35);

  /* Font Families */
  --font-display: 'Inter', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-chinese: PingFang SC, 'Source Han Sans CN', 'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Menlo, Consolas, monospace;
}

/* Dark Mode Token Overrides */
[data-theme="dark"] {
  --surface-canvas: #090D16;
  --surface-card: #0F172A;
  --surface-border: #1E293B;
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-inverted: #0F172A;
}