:root {
  --color-primary:        #E85228;
  --color-primary-dark:   #C8400F;
  --color-primary-light:  #F07050;
  --color-secondary:      #F5B800;
  --color-secondary-dark: #D49A00;
  --color-accent:         #7B3D9E;
  --color-accent-light:   #9B5DBE;

  --color-dark:           #1A1A2E;
  --color-text:           #333333;
  --color-text-muted:     #666666;
  --color-text-light:     #999999;
  --color-link:           #C8520A;

  --color-bg:             #F7F7F7;
  --color-bg-white:       #FFFFFF;

  --color-info-bg:        #DFF1F8;
  --color-info-border:    #A8D8EA;
  --color-info-icon:      #0D7A9A;
  --color-info-text:      #0A5C75;

  --color-border:         #E0E0E0;

  --font-family: 'Nunito Sans', 'Helvetica Neue', Arial, sans-serif;

  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-pill: 100px;
  --radius-full: 50%;

  --shadow-sm:   0 2px 6px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:   0 8px 28px rgba(0,0,0,0.12);
  --shadow-xl:   0 16px 48px rgba(0,0,0,0.15);

  --max-width:        1200px;
  --max-width-narrow: 780px;
  --header-height:    72px;
}