:root {
  /* Base */
  --color-bg:          #FFFFFF;
  --color-bg-soft:     #F7F8FA;
  --color-bg-subtle:   #F0F2F7;
  --color-surface:     #FFFFFF;
  --color-border:      #E7E9EE;
  --color-border-soft: #F0F2F5;

  /* Text */
  --color-text:        #1B1F27;
  --color-text-soft:   #5B6270;
  --color-text-muted:  #8A90A0;

  /* Accent */
  --color-accent:      #2F5DE0;
  --color-accent-deep: #1F44B8;
  --color-accent-soft: #EEF2FF;

  /* Dark (footer, CTA bands) */
  --color-dark:        #10131A;
  --color-dark-soft:   #1A1F2E;
  --color-dark-border: rgba(255,255,255,0.1);

  /* Feedback */
  --color-success:     #1E9E5A;
  --color-error:       #D64545;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(20, 24, 34, 0.04);
  --shadow-sm: 0 2px 8px rgba(20, 24, 34, 0.06);
  --shadow-md: 0 8px 28px rgba(20, 24, 34, 0.10);
  --shadow-lg: 0 20px 60px rgba(20, 24, 34, 0.12);

  /* Typography */
  --font-heading:    'Montserrat', sans-serif;
  --font-subheading: 'Work Sans', sans-serif;
  --font-body:       'Roboto', sans-serif;

  --fs-h1:    2.25rem;
  --fs-h2:    1.625rem;
  --fs-h3:    1.25rem;
  --fs-h4:    1rem;
  --fs-body:  0.9375rem;
  --fs-small: 0.8125rem;
  --fs-xs:    0.75rem;

  --lh-body:    1.7;
  --lh-heading: 1.25;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  6rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Transition */
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}