:root {
  /* === Colors === */
  --color-bg:        #F8FAF6;
  --color-text:      #111111;
  --color-text-soft: #6F7478;
  --color-epoxy:     #1F7A78;
  --color-cta:       #C9A45C;
  --color-sand:      #E8D8C3;
  --color-white:     #FFFFFF;
  --color-border:    #D5D8D4;
  --color-error:     #C62828;
  --color-success:   #2E7D32;

  /* === Typography === */
  --font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-md:    1.125rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.5rem;
  --fs-2xl:   2rem;
  --fs-3xl:   2rem;

  /* === Spacing === */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.25rem;
  --space-xl:  1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 2.5rem;
  --space-4xl: 3rem;

  /* === Layout === */
  --container-max:    1200px;
  --container-narrow: 800px;
  --section-gap:      var(--space-3xl);

  /* === Borders & Shadows === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);

  /* === Header === */
  --header-height: 64px;
}