:root {
  /* Core */
  --color-bg:             #FFFFFF;
  --color-surface:        #F5F5F5;
  --color-border:         #E0E0E0;
  --color-border-strong:  #BDBDBD;

  /* Text */
  --color-text-primary:   #111111;
  --color-text-secondary: #555555;
  --color-text-muted:     #888888;

  /* Accent */
  --color-red:            #CC0000;
  --color-red-hover:      #AA0000;
  --color-red-subtle:     rgba(204, 0, 0, 0.08);

  /* Live indicator */
  --color-live:           #CC0000;

  /* Fonts */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body:    'Barlow', sans-serif;

  /* Fluid type scale */
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.9rem  + 0.4vw,  1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.5vw,  1.375rem);
  --text-xl:   clamp(1.375rem, 1.2rem  + 0.8vw,  1.75rem);
  --text-2xl:  clamp(1.75rem,  1.5rem  + 1vw,    2.25rem);
  --text-3xl:  clamp(2.25rem,  1.8rem  + 1.8vw,  3.5rem);
  --text-4xl:  clamp(3rem,     2.5rem  + 2.5vw,  5rem);
  --text-hero: clamp(3.5rem,   3rem    + 3vw,    7rem);

  /* Fluid spacing scale */
  --space-1: clamp(0.25rem, 0.2rem  + 0.2vw,  0.375rem);
  --space-2: clamp(0.5rem,  0.4rem  + 0.4vw,  0.75rem);
  --space-3: clamp(0.75rem, 0.6rem  + 0.6vw,  1rem);
  --space-4: clamp(1rem,    0.8rem  + 0.8vw,  1.5rem);
  --space-5: clamp(1.5rem,  1.2rem  + 1.2vw,  2.25rem);
  --space-6: clamp(2rem,    1.5rem  + 2vw,    3.5rem);
  --space-7: clamp(3rem,    2rem    + 3vw,    5rem);
  --space-8: clamp(4rem,    3rem    + 4vw,    7rem);

  /* Border radius */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.05);

  /* Z-index scale */
  --z-decor:   0;
  --z-content: 10;
  --z-navbar:  100;
  --z-overlay: 200;
  --z-menu:    300;
  --z-skip:    9999;
}