:root {
  /* Brand foundation — frozen from the approved visual direction for v0.2.0. */
  --dfs-color-brand: #064de3;
  --dfs-color-brand-hover: #003fc0;
  --dfs-color-brand-active: #0030ab;
  --dfs-color-brand-soft: #eaf0ff;
  --dfs-color-brand-tint: #f3f6ff;
  --dfs-color-navy: #091841;
  --dfs-color-navy-deep: #061131;
  --dfs-color-ink: #0b0f17;
  --dfs-color-charcoal: #1b2230;
  --dfs-color-text: #101828;
  --dfs-color-muted: #667085;
  --dfs-color-subtle: #98a2b3;
  --dfs-color-border: #e3e8ef;
  --dfs-color-border-strong: #cfd6df;
  --dfs-color-canvas: #f6f8fc;
  --dfs-color-surface: #ffffff;
  --dfs-color-surface-dark: #0b1634;
  --dfs-color-success: #16863a;
  --dfs-color-warning: #b76500;
  --dfs-color-danger: #c92a2a;
  --dfs-color-focus: #064de3;
  --dfs-color-whatsapp: #25d366;

  /* Typography: no unverified external font dependency in v0.2.0. */
  --dfs-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --dfs-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --dfs-text-xs: 0.8125rem;
  --dfs-text-sm: 0.875rem;
  --dfs-text-base: 1rem;
  --dfs-text-lg: 1.125rem;
  --dfs-text-xl: 1.25rem;
  --dfs-text-2xl: 1.5rem;
  --dfs-text-3xl: clamp(1.75rem, 2.6vw, 2.125rem);
  --dfs-text-4xl: clamp(2rem, 4vw, 2.75rem);
  --dfs-text-5xl: clamp(2.5rem, 5vw, 3.5rem);
  --dfs-text-display: clamp(3rem, 6.25vw, 4.5rem);

  --dfs-leading-tight: 1.08;
  --dfs-leading-heading: 1.16;
  --dfs-leading-body: 1.6;
  --dfs-leading-relaxed: 1.72;

  --dfs-weight-regular: 400;
  --dfs-weight-medium: 500;
  --dfs-weight-semibold: 600;
  --dfs-weight-bold: 700;
  --dfs-weight-extrabold: 800;

  /* 4px spacing grid. */
  --dfs-space-1: 0.25rem;
  --dfs-space-2: 0.5rem;
  --dfs-space-3: 0.75rem;
  --dfs-space-4: 1rem;
  --dfs-space-5: 1.25rem;
  --dfs-space-6: 1.5rem;
  --dfs-space-7: 2rem;
  --dfs-space-8: 2.5rem;
  --dfs-space-9: 3rem;
  --dfs-space-10: 4rem;
  --dfs-space-11: 5rem;
  --dfs-space-12: 6rem;

  --dfs-section-space: clamp(3.5rem, 7vw, 7rem);
  --dfs-container-gutter: clamp(1.125rem, 3vw, 2rem);
  --dfs-card-padding: clamp(1.25rem, 2.2vw, 2rem);

  --dfs-radius-xs: 0.375rem;
  --dfs-radius-sm: 0.5rem;
  --dfs-radius-md: 0.75rem;
  --dfs-radius-lg: 1rem;
  --dfs-radius-xl: 1.25rem;
  --dfs-radius-pill: 999px;

  --dfs-shadow-xs: 0 1px 2px rgb(16 24 40 / 5%);
  --dfs-shadow-sm: 0 4px 12px rgb(16 24 40 / 7%);
  --dfs-shadow-md: 0 12px 30px rgb(16 24 40 / 10%);
  --dfs-shadow-lg: 0 24px 60px rgb(6 17 49 / 16%);
  --dfs-shadow-focus: 0 0 0 4px rgb(6 77 227 / 16%);

  --dfs-border-width: 1px;
  --dfs-control-height: 48px;
  --dfs-control-height-sm: 44px;

  --dfs-content-width: 1200px;
  --dfs-wide-width: 1440px;
  --dfs-reading-width: 720px;

  --dfs-z-base: 1;
  --dfs-z-sticky: 100;
  --dfs-z-dropdown: 300;
  --dfs-z-overlay: 700;
  --dfs-z-modal: 800;
  --dfs-z-toast: 900;

  --dfs-transition-fast: 140ms ease;
  --dfs-transition-base: 220ms ease;
  --dfs-transition-slow: 320ms ease;
}