:root {
  /* Colors */
  --color-navy: #101828;
  --color-burgundy: #860038;
  --color-light-gray: #f0f0f0;
  --color-medium-gray: #475467;
  --color-muted-gray: #98A2B3;
  --color-accent: #860038;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-border: #E4E7EC;
  --color-overlay: rgba(0, 0, 0, 0.85);

  /* Apartment accent colors */
  --apt-1: #ebc2d4;
  --apt-2: #d5b470;
  --apt-3: #607673;
  --apt-4: #272b31;
  --apt-5: #cdaa35;
  --apt-6: #3f526f;
  --apt-7: #efa285;
  --apt-10: #cc6786;

  /* Current apartment accent (overridden per page) */
  --apt-accent: var(--color-accent);

  /* Typography */
  --font-primary: 'Spectral', Georgia, 'Times New Roman', serif;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Font sizes */
  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.875rem;    /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md: 1.125rem;    /* 18px */
  --fs-lg: 1.25rem;     /* 20px */
  --fs-xl: 1.5rem;      /* 24px */
  --fs-2xl: 1.75rem;    /* 28px */
  --fs-3xl: 2.25rem;    /* 36px */
  --fs-4xl: 2.625rem;   /* 42px */
  --fs-5xl: 3.25rem;    /* 52px */

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* Layout */
  --max-width: 1200px;
  --max-width-narrow: 800px;
  --header-height: 80px;
  --gap: 1.5rem;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms ease;
}