:root {

    /* ─── Color ─── */
    --color-background: #ffffff;
    --color-text:       #000000;
  
    /* ─── Typography ─── */
    --font-family-base: 'Poppins', sans-serif;
  
    --font-size-headline: clamp(1rem, 2.2vw, 1.2rem);
    --font-size-body:     clamp(0.7rem, 1.2vw, 0.8rem);
  
    --font-weight-medium: 500;
    --font-weight-light:  300;
  
    --line-height-headline: 1.5;
    --line-height-body:     1.5;
  
    --letter-spacing-headline: 0.02em;
    --letter-spacing-body:     0.04em;
  
    /* ─── Spacing ─── */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.875rem;
    --space-lg: 3rem;
    --space-xl: 6rem;
  
    /* ─── Layout ─── */
    --max-width-headline: 48rem;
    --max-width-body:     38rem;
  
  }