:root {

  /* ── COLORS: Brand (swap per project) ── */
  --color-primary:        #1a1a2e;
  --color-primary-hover:  #16213e;
  --color-secondary:      #e94560;
  --color-accent:         #0f3460;

  /* ── COLORS: Text ── */
  --color-text:           #1a1a1a;
  --color-text-muted:     #6b7280;
  --color-text-inverted:  #ffffff;

  /* ── COLORS: Backgrounds ── */
  --color-bg:             #ffffff;
  --color-bg-alt:         #f9fafb;
  --color-surface:        #f3f4f6;

  /* ── COLORS: Borders ── */
  --color-border:         #e5e7eb;
  --color-border-strong:  #d1d5db;

  /* ── COLORS: Status ── */
  --color-success:        #16a34a;
  --color-warning:        #d97706;
  --color-error:          #dc2626;

  /* ── TYPOGRAPHY: Fonts ── */
  --font-body:     system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading:  system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:     ui-monospace, "Cascadia Code", "Fira Code", monospace;

  /* ── TYPOGRAPHY: Weights ── */
  --font-weight-normal:    400;
  --font-weight-medium:    500;
  --font-weight-semibold:  600;
  --font-weight-bold:      700;

  /* ── TYPOGRAPHY: Line heights ── */
  --line-height-tight:    1.2;
  --line-height-normal:   1.6;
  --line-height-relaxed:  1.8;

  /* ── TYPOGRAPHY: Letter spacing ── */
  --letter-spacing-tight:   -0.02em;
  --letter-spacing-normal:   0em;
  --letter-spacing-wide:     0.05em;

  /* ── TYPOGRAPHY: Scale (fluid) ── */
  --text-xs:    clamp(0.75rem,   0.7rem   + 0.26vw, 0.875rem);
  --text-sm:    clamp(0.875rem,  0.82rem  + 0.26vw, 1rem);
  --text-base:  clamp(1rem,      0.93rem  + 0.33vw, 1.125rem);
  --text-lg:    clamp(1.125rem,  1.04rem  + 0.39vw, 1.25rem);
  --text-xl:    clamp(1.25rem,   1.09rem  + 0.72vw, 1.5rem);
  --text-2xl:   clamp(1.5rem,    1.24rem  + 1.13vw, 1.875rem);
  --text-3xl:   clamp(1.875rem,  1.49rem  + 1.72vw, 2.25rem);
  --text-4xl:   clamp(2.25rem,   1.67rem  + 2.57vw, 3rem);
  --text-5xl:   clamp(3rem,      2.09rem  + 4.04vw, 4.5rem);

  /* ── SPACING: Scale (fluid) ── */
  --space-1:   clamp(0.25rem,  0.23rem  + 0.09vw, 0.3125rem);
  --space-2:   clamp(0.5rem,   0.46rem  + 0.18vw, 0.625rem);
  --space-3:   clamp(0.75rem,  0.69rem  + 0.27vw, 0.9375rem);
  --space-4:   clamp(1rem,     0.91rem  + 0.39vw, 1.25rem);
  --space-6:   clamp(1.5rem,   1.37rem  + 0.59vw, 1.875rem);
  --space-8:   clamp(2rem,     1.83rem  + 0.78vw, 2.5rem);
  --space-12:  clamp(3rem,     2.74rem  + 1.17vw, 3.75rem);
  --space-16:  clamp(4rem,     3.65rem  + 1.57vw, 5rem);
  --space-20:  clamp(5rem,     4.57rem  + 1.96vw, 6.25rem);
  --space-24:  clamp(6rem,     5.48rem  + 2.35vw, 7.5rem);
  --space-32:  clamp(8rem,     7.3rem   + 3.13vw, 10rem);

  /* ── SPACING: Semantic aliases ── */
  --space-section:     clamp(6rem,  5.48rem + 2.35vw, 7.5rem);
  --space-section-sm:  clamp(4rem,  3.65rem + 1.57vw, 5rem);
  --space-gap:         clamp(2rem,  1.83rem + 0.78vw, 2.5rem);
  --space-gap-sm:      clamp(1rem,  0.91rem + 0.39vw, 1.25rem);

  /* ── LAYOUT ── */
  --container-max:      1440px;
  --container-padding:  clamp(1rem, 4vw, 2rem);
  --border-radius-sm:   4px;
  --border-radius:      8px;
  --border-radius-lg:   16px;
  --border-radius-full: 9999px;

}