:root {
  --color-bg: #0f1018;
  --color-bg-elevated: #171923;
  --color-bg-card: #1a1d2e;
  --color-bg-header: #12131e;
  --color-bg-warm: #f7f3ed;
  --color-surface: #222538;
  --color-text-primary: #e8e4de;
  --color-text-secondary: #9a9bb0;
  --color-text-muted: #5d5f76;
  --color-border: #2a2d42;
  --color-border-light: #1f2236;
  --color-accent: #c84b4b;
  --color-accent-hover: #d65a5a;
  --color-accent-light: rgba(200, 75, 75, 0.12);
  --color-accent-gold: #c9a96e;
  --color-accent-gold-light: rgba(201, 169, 110, 0.12);
  --color-verified: #5ba88c;
  --color-verified-bg: rgba(91, 168, 140, 0.12);
  --color-badge-manufacturer: rgba(120, 140, 200, 0.15);
  --color-badge-text: #8b9dd6;
  --color-badge-retailer: rgba(201, 169, 110, 0.15);
  --color-badge-retailer-text: var(--color-accent-gold);
  --color-danger: #d65a5a;
  --color-overlay: rgba(8, 8, 14, 0.82);
  --color-sakura: #d4a0a0;

  --color-youtube: #ff0000;
  --color-instagram: #e4405f;
  --color-twitter: #1da1f2;
  --color-discord: #5865f2;
  --color-email: #6b7280;
  --color-facebook: #1877f2;
  --color-reddit: #ff4500;
  --color-telegram: #26a5e4;
  --color-tiktok: #e8e4de;
  --color-website: #5ba88c;
  --color-store: #c9a96e;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  --font-primary: 'Noto Sans JP', 'Zen Kaku Gothic New', sans-serif;
  --font-display: 'Noto Sans JP', sans-serif;
  --font-size-xs: 0.7rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.9375rem;
  --font-size-lg: 1.0625rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2.25rem;

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 20px rgba(200, 75, 75, 0.15);

  --transition-fast: 150ms ease;
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
}