:root {
  --font-sans: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Be Vietnam Pro', sans-serif;
  
  /* Brand Primary & Secondary (DHTE Blue System) */
  --b-50: #f0f6ff;
  --b-100: #dbeaff;
  --b-200: #bfdcfe;
  --b-300: #93c4fd;
  --b-400: #60a4fa;
  --b-500: #3b81f6;
  --b-600: #2f6fd4;
  --b-700: #1e4f9c;
  --b-800: #163e7c;
  --b-900: #0d2149;
  
  /* Inks & Text Colors */
  --ink: #220342;
  --ink-90: rgba(34, 3, 66, 0.9);
  --ink-75: rgba(34, 3, 66, 0.75);
  --ink-60: rgba(34, 3, 66, 0.6);
  --ink-40: rgba(34, 3, 66, 0.4);
  
  /* Accents & Status */
  --red: #e11d2e;
  --red-hover: #c71424;
  --red-light: #ffecec;
  --teal: #28efc5;
  --sky-line: #8eaaf1;
  --paper: #ffffff;
  --bg-page: #fafafa;
  --bg-section-teal: #eef8ff;
  --line: #dbe6f4;
  --amber: #f5d76e;
  --green: #00c758;
  
  /* Elevation & Shadows */
  --shadow-card: 8px 8px 0 var(--b-100);
  --shadow-card-hover: 12px 12px 0 var(--b-200);
  --shadow-sm: 0 4px 14px -6px rgba(13, 33, 73, 0.25);
  --shadow-lg: 0 18px 40px rgba(13, 33, 73, 0.16);
  --radius-card: 22px;
  --radius-btn: 999px;
  --radius-tag: 12px;
}