:root {
  --color-primary:        #0B5DBB;
  --color-primary-dark:   #0847A0;
  --color-primary-light:  #E6F0FB;
  --color-secondary:      #F0A11A;
  --color-secondary-dark: #D48B14;
  --color-secondary-light:#FEF3DC;
  --color-accent:         #32D1D3;
  --color-accent-dark:    #28B5B7;
  --color-accent-light:   #E5F9F9;

  --bg-site:              #F5FBFE;
  --bg-section-1:         #FFF9F0;
  --bg-section-2:         #EBFCFC;
  --bg-section-3:         #E4EFF9;
  --bg-white:             #FFFFFF;
  --bg-dark:              #092044;
  --bg-card:              #FFFFFF;

  --text-primary:         #0F1E3D;
  --text-secondary:       #4A5568;
  --text-muted:           #718096;
  --text-light:           #A0AEC0;
  --text-white:           #FFFFFF;
  --text-on-primary:      #FFFFFF;
  --text-on-secondary:    #0F1E3D;

  --font-primary:         'Inter', 'Segoe UI', Arial, sans-serif;
  --font-heading:         'Poppins', 'Inter', Arial, sans-serif;

  --text-xs:              0.75rem;
  --text-sm:              0.875rem;
  --text-base:            1rem;
  --text-lg:              1.125rem;
  --text-xl:              1.25rem;
  --text-2xl:             1.5rem;
  --text-3xl:             1.875rem;
  --text-4xl:             2.25rem;
  --text-5xl:             3rem;
  --text-6xl:             3.75rem;

  --font-normal:          400;
  --font-medium:          500;
  --font-semibold:        600;
  --font-bold:            700;
  --font-extrabold:       800;

  --leading-tight:        1.25;
  --leading-snug:         1.375;
  --leading-normal:       1.5;
  --leading-relaxed:      1.625;

  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  --section-padding-y:    5rem;
  --section-padding-x:    1.5rem;
  --max-width:            1600px;
  --container-padding:    1.5rem;

  --radius-sm:    0.25rem;
  --radius:       0.5rem;
  --radius-md:    0.75rem;
  --radius-lg:    1rem;
  --radius-xl:    1.5rem;
  --radius-full:  9999px;

  --shadow-sm:      0 1px 3px rgba(0,0,0,0.08);
  --shadow:         0 4px 6px rgba(0,0,0,0.07);
  --shadow-md:      0 10px 15px rgba(0,0,0,0.07);
  --shadow-lg:      0 20px 25px rgba(0,0,0,0.08);
  --shadow-card:    0 2px 8px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);

  --border-color:       #E2E8F0;
  --border-color-strong:#CBD5E0;
  --border:             1px solid #E2E8F0;

  --transition-fast:  150ms ease;
  --transition:       250ms ease;
  --transition-slow:  400ms ease;

  --z-dropdown:  100;
  --z-sticky:    200;
  --z-navbar:    300;
  --z-modal:     400;
  --z-toast:     500;

  --navbar-height:        72px;
  --navbar-height-mobile: 60px;

  --btn-padding-y:    0.75rem;
  --btn-padding-x:    1.5rem;
  --btn-padding-y-sm: 0.5rem;
  --btn-padding-x-sm: 1rem;
  --btn-font-size:    var(--text-base);
  --btn-font-weight:  var(--font-semibold);
  --btn-border-radius:var(--radius-full);
  --btn-transition:   var(--transition);

  --card-padding:     1.5rem;
  --card-radius:      var(--radius-lg);
  --card-shadow:      var(--shadow-card);
  --card-shadow-hover:var(--shadow-card-hover);
  --card-bg:          var(--bg-white);
  --card-border:      var(--border);

  --input-height:       48px;
  --input-padding-y:    0.75rem;
  --input-padding-x:    1rem;
  --input-border-radius:var(--radius);

  --grid-gap:    1.5rem;
  --grid-gap-lg: 2rem;
}