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

:root {
  /* Brand Core Palette (Calibrated to official Logo) */
  --brand-primary: #E5050A;
  --brand-primary-rgb: 229, 5, 10;
  --brand-primary-hover: #c80408;
  --brand-secondary: #0F2B48;
  --brand-secondary-rgb: 15, 43, 72;
  --brand-accent: #F59E0B;
  --brand-accent-rgb: 245, 158, 11;

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

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

  /* Semantics */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #E5050A;
  --color-info: #0284C7;

  /* Spatial & Elevation */
  --logo-clear-space: 0.5X on all 4 boundaries;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 20px -4px rgba(15,43,72,0.08);
  --shadow-glow: 0 0 24px -4px rgba(229, 5, 10, 0.35);

  /* Font Families */
  --font-display: 'Outfit', 'Inter', -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', -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 Theme Overrides */
[data-theme="dark"] {
  --surface-canvas: #071322;
  --surface-card: #0B1E36;
  --surface-border: #1E3A8A;
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-inverted: #0F2B48;
}