:root {
  --dn-color-primary: #1769ff;
  --dn-color-primary-hover: #0f56d8;
  --dn-color-success: #22c55e;
  --dn-color-danger: #ef4444;
  --dn-color-warning: #f97316;
  --dn-color-purple: #7c3aed;
  --dn-bg-page: #ffffff;
  --dn-bg-soft: #f6f9fe;
  --dn-bg-card: #ffffff;
  --dn-bg-dark: #071629;
  --dn-bg-cta: #082c76;
  --dn-text-primary: #0f172a;
  --dn-text-heading: #0b1739;
  --dn-text-secondary: #64748b;
  --dn-text-body: #52627a;
  --dn-border: #dce5f1;
  --dn-border-soft: #e5ebf2;
  --dn-radius-sm: 8px;
  --dn-radius-md: 14px;
  --dn-radius-lg: 22px;
  --dn-shadow-card: 0 8px 28px rgba(15, 23, 42, 0.08);
  --dn-shadow-cta: 0 8px 24px rgba(10, 31, 69, 0.1);
  --dn-space-1: 4px;
  --dn-space-2: 8px;
  --dn-space-3: 12px;
  --dn-space-4: 16px;
  --dn-space-5: 20px;
  --dn-space-6: 24px;
  --dn-space-8: 32px;
  --dn-space-10: 40px;
  --dn-space-12: 48px;
  --dn-shell: 1312px;
  /* TYPOGRAPHY-SYSTEM-01
   * A single system stack avoids per-glyph fallback from the incomplete
   * legacy Inter subset while retaining full Vietnamese support.
   */
  --dn-font-sans: "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;
  --dn-font: var(--dn-font-sans);
  --dn-font-weight-regular: 400;
  --dn-font-weight-medium: 500;
  --dn-font-weight-semibold: 600;
  --dn-font-weight-bold: 700;
}