/**
 * Design Tokens (W3C DTCG Standard)
 * Shenghongda Hygiene - Official Brand Design System
 * Primary: Royal Purple (#6c3eb8) | Accent: Amber Gold (#f59e0b)
 * WCAG 2.1 AA/AAA Compliant (4.5:1 text contrast)
 */
:root {
  /* Brand Core Palette */
  --brand-primary: #6c3eb8;
  --brand-primary-rgb: 108, 62, 184;
  --brand-primary-dark: #4d238c;
  --brand-primary-navy: #241042;
  --brand-primary-deep: #160728;
  --brand-accent: #f59e0b;
  --brand-accent-hover: #d97706;
  --brand-surface: #faf8fd;
  --brand-surface-card: #ffffff;
  --brand-surface-subtle: #f5f0fc;
  --brand-border: #e5daf3;
  --brand-border-subtle: #f1ebf9;

  /* Text System (WCAG AA >= 4.5:1 on light backgrounds) */
  --text-primary: #1a0b30;
  --text-secondary: #2d233c;
  --text-muted: #645a75;
  --text-on-primary: #ffffff;
  --text-on-accent: #ffffff;

  /* Typography Scales (1.25 Modular Ratio) */
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1.0rem;   /* 16px */
  --text-lg: 1.25rem;    /* 20px */
  --text-xl: 1.563rem;   /* 25px */
  --text-2xl: 1.953rem;  /* 31.25px */
  --text-3xl: 2.441rem;  /* 39px */

  /* Geometry & Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Bento Shadow & Subtle Micro-Border */
  --shadow-bento: 0 2px 6px rgba(36, 16, 66, 0.05), 0 0 0 1px var(--brand-border);
  --shadow-hover: 0 14px 34px rgba(36, 16, 66, 0.12), 0 0 0 1px var(--brand-border);
}