:root {
  /* Colors */
  --color-primary:       #1A3C6E;
  --color-primary-light: #2356A0;
  --color-accent:        #F57C00;
  --color-accent-dark:   #E65100;
  --color-bg:            #F8F9FB;
  --color-surface:       #FFFFFF;
  --color-text:          #1C1C1E;
  --color-text-muted:    #6B7280;
  --color-border:        #E5E7EB;
  --color-overlay:       rgba(15, 25, 50, 0.62);

  /* Brand partner colors */
  --color-whatsapp: #25D366;
  --color-viber:    #7360F2;

  /* Typography */
  --font-heading: 'Oswald', sans-serif;
  --font-body:    'Inter', sans-serif;

  --text-xs:   clamp(0.75rem,  1.5vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 1.8vw, 1rem);
  --text-base: clamp(1rem,     2vw,   1.125rem);
  --text-lg:   clamp(1.125rem, 2.2vw, 1.25rem);
  --text-xl:   clamp(1.25rem,  2.5vw, 1.5rem);
  --text-2xl:  clamp(1.5rem,   3vw,   2rem);
  --text-3xl:  clamp(2rem,     4vw,   2.75rem);
  --text-hero: clamp(2.5rem,   7vw,   4.5rem);

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Layout */
  --max-width:       1200px;
  --section-padding: clamp(3rem, 8vw, 6rem) 1.25rem;
  --nav-height:      70px;

  /* Shape */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  32px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 8px 28px rgba(0, 0, 0, 0.14);
  --shadow-nav:  0 1px 6px rgba(0, 0, 0, 0.10);

  /* Transitions */
  --transition: 0.22s ease;
}