:root {
  /* Colors — Albanian Cafe palette */
  --color-espresso: #2c2420;
  --color-tangerine: #f28c28;
  --color-tangerine-dark: #e08020;   /* text-safe variant */
  --color-cream: #faf7f2;
  --color-white: #ffffff;
  --color-stone: #8a7e72;
  --color-fresh: #4a8a4a;
  --color-fresh-bg: #f0faf0;
  --color-border: #ebe5db;
  --color-body-text: #4a4039;
  --color-shadow: rgba(44, 36, 32, 0.06);
  --color-shadow-heavy: rgba(44, 36, 32, 0.12);

  /* Typography */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-xs: 0.625rem;   /* 10px */
  --font-size-sm: 0.6875rem;  /* 11px */
  --font-size-base: 0.875rem; /* 14px */
  --font-size-md: 1rem;       /* 16px */
  --font-size-lg: 1.25rem;    /* 20px */
  --font-size-xl: 1.5rem;     /* 24px */
  --font-size-2xl: 2rem;      /* 32px */
  --line-height-tight: 1.3;
  --line-height-body: 1.7;
  --letter-spacing-label: 0.1em;

  /* Spacing */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */

  /* Radii */
  --radius-pill: 1.25rem;  /* 20px — pills/badges */
  --radius-card: 0.625rem; /* 10px — cards/images */
  --radius-button: 0.5rem; /* 8px — buttons */

  /* Shadows */
  --shadow-card: 0 2px 12px var(--color-shadow);
  --shadow-card-sm: 0 1px 4px var(--color-shadow);
  --shadow-card-hover: 0 4px 16px var(--color-shadow-heavy);

  /* Layout */
  --max-width: 1200px;
  --max-width-content: 720px;
  --header-height: 64px;
}