:root {
  /* === COLORS === */
  --color-primary:#153C6B;
  --color-primary-dark:#0B2441;
  --color-primary-light:#ABC4E3;
  --color-primary-container:#24548F;

  --color-secondary:#566B85;
  --color-secondary-container: #DCE6F0;

  --color-tertiary:#A67C3D;
  --color-tertiary-container:#C9A46B;

  --color-neutral-bg:#f9f9fb;
  --color-neutral-surface:#edeef0;
  --color-neutral-text:#2B2D2F;

  /* === TYPOGRAPHY - FAMILIES === */
    --font-primary: 'Playfair Display', serif;
    --font-secondary: 'Inter', sans-serif;
    
  /* === TYPOGRAPHY - WEIGHTS === */
    --font-thin: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

  /* === TYPOGRAPHY - SIZES === */
    --font-size-caption:0.75rem;
    --font-size-label-md:0.875rem;
    --font-size-body-md:1rem;
    --font-size-body-lg:1.25rem;
    --font-size-headline-sm:1rem;
    --font-size-headline-md:2rem;
    --font-size-headline-lg:2.5rem;
    --font-size-headline-xl:3.75rem;
    --font-size-display-lg:5.25rem;

  /* === SPACING === */

    --space-1: 0.5rem; 
    --space-2: 1rem;     
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 2.5rem;
    --space-6: 3rem;
    --space-8: 4rem;
    --space-10: 5rem;

    --space-container-max: 1280px;
    --space-gutter: 2rem;
    --margin-mobile: 1.25rem;
    --margin-desktop: 4rem;
    --section-gap: 7.5rem;

  /* === BORDER RADIUS === */
    --border-radius-default: 0.5rem;
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.75rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --border-radius-full: 9999px;

  /* === TRANSITIONS === */
    --transition-default: all 0.3s ease-in-out;

  /* === SHADOWS === */
    --shadow-ambient: 0 0 40px rgba(26, 28, 30, 0.04);
}