:root {
  
  --bg-primary: #ffffff;
  --bg-secondary: #f1f5fa;
  --bg-tertiary: #dde6f2;
  --accent: #13356e;
  --accent-hover: #0b2350;
  --text-primary: #0a1b33;
  --text-secondary: #33455f;
  --text-muted: #6e7f96;

  
  --steel: #8d98a6;
  --steel-light: #ccd5df;
  --ember: #b8781f;
  --ember-bright: #e0a349;
  --ink: #071426;
  --ink-soft: #c3ccd8;
  --panel-text: #eef3fa;
  --edge-hair: rgba(10, 27, 51, 0.11);

  
  --fluid-text-xs: clamp(0.78rem, 0.74rem + 0.2vw, 0.87rem);
  --fluid-text-sm: clamp(0.88rem, 0.84rem + 0.22vw, 0.98rem);
  --fluid-text-base: clamp(1rem, 0.96rem + 0.25vw, 1.12rem);
  --fluid-text-md: clamp(1.1rem, 1rem + 0.45vw, 1.32rem);
  --fluid-text-lg: clamp(1.32rem, 1.16rem + 0.78vw, 1.78rem);
  --fluid-text-xl: clamp(1.72rem, 1.38rem + 1.68vw, 2.6rem);
  --fluid-text-hero: clamp(2.05rem, 1.45rem + 2.85vw, 3.5rem);

  
  --fluid-space-xs: clamp(0.5rem, 0.45rem + 0.25vw, 0.72rem);
  --fluid-space-sm: clamp(0.8rem, 0.7rem + 0.5vw, 1.18rem);
  --fluid-space-md: clamp(1.25rem, 1rem + 1.2vw, 2rem);
  --fluid-space-lg: clamp(2rem, 1.5rem + 2.4vw, 3.5rem);
  --fluid-space-xl: clamp(3rem, 2.2rem + 3.8vw, 5.5rem);

  
  --fluid-wrapper: clamp(20rem, 93vw, 68.75rem);
  --fluid-gutter: clamp(1rem, 0.6rem + 2vw, 2rem);
  --section-pad: clamp(2.75rem, 2rem + 3.4vw, 4.25rem);
  --radius-panel: clamp(0.7rem, 0.5rem + 0.6vw, 1.1rem);
  --radius-pill: 999px;
  --lift-soft: 0 2px 10px rgba(10, 27, 51, 0.07);
  --lift-raised: 0 18px 42px rgba(10, 27, 51, 0.16);
  --motion-quick: 0.25s ease;
  --motion-reveal: 0.6s ease;
}