:root {
  /* Brand */
  --color-primary: #E30613;
  --color-primary-dark: #B00410;
  --color-primary-light: #FF2A38;
  --color-secondary: #2A2B31;
  --color-secondary-hover: #111111;
  --color-link: #B00410;
  --color-link-hover: #E30613;

  /* Surfaces */
  --color-background: var(--store-bg, #F6F7FB);
  --color-surface: var(--store-surface, #FFFFFF);
  --color-surface-light: var(--store-surface-alt, #EEF1F6);
  --color-surface-hi: var(--store-surface-hi, #E8EBF2);

  /* Text */
  --color-text: var(--store-text, #15161A);
  --color-text-muted: var(--store-text-muted, #5F6470);
  --color-text-dim: var(--store-text-dim, #8B90A0);
  --color-price: var(--store-price, #15161A);
  --color-pix: var(--store-pix, #8F0F15);
  --color-sale: var(--store-sale, #B00410);

  /* Header / Footer */
  --color-header-bg: var(--store-header-bg, #111111);
  --color-header-text: var(--store-header-text, #F8FAFC);
  --color-header-text-muted: var(--store-header-text-muted, #D1D5DB);
  --color-footer-bg: var(--store-footer-bg, #111111);
  --color-footer-text: var(--store-footer-text, #F8FAFC);
  --color-footer-text-muted: var(--store-footer-text-muted, #A2A6AF);

  /* Utility */
  --color-border: var(--store-border, #D7DCE5);
  --color-border-strong: var(--store-border-strong, #C3CAD6);
  --color-success: #5F6470;
  --color-warning: #F59E0B;
  --color-error: #EF4444;

  /* Backwards compatibility with legacy account views */
  --color-bg: var(--color-background);
  --color-bg-card: var(--color-surface);
  --color-card-bg: var(--color-surface);

  /* Type */
  --font-display: "Bebas Neue", "Impact", "Oswald", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Layout */
  --container: 1280px;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 6px rgba(0,0,0,.35);
  --shadow: 0 12px 32px rgba(0,0,0,.45);
  --shadow-red: 0 10px 30px rgba(227,6,19,.35);
  --shadow-neutral: 0 10px 30px rgba(15,15,15,.12);

  --header-h: 116px;
  --header-h-mobile: 108px;

  --ease: cubic-bezier(.22,.61,.36,1);
}