:root {
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-muted: #6a6a6a;
  --color-border: #e5e5e5;
  --color-surface: #f7f6f4;
  --color-overlay: rgba(10, 10, 10, 0.5);
  --color-header-bg: rgba(255, 255, 255, 0.95);
  --color-hover: rgba(0, 0, 0, 0.04);

  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;

  --font-size-2xs: 0.75rem;
  --font-size-xs: 0.875rem;
  --font-size-sm: 0.95rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2.25rem;
  --font-size-3xl: 3rem;

  --line-height-tight: 1.2;
  --line-height-normal: 1.6;
  --line-height-snug: 1.4;
  --tracking-xs: 0.08rem;
  --tracking-sm: 0.1rem;
  --tracking-md: 0.16rem;
  --tracking-lg: 0.18rem;
  --tracking-xl: 0.2rem;
  --tracking-body: 0.01rem;
  --tracking-logo: 0.01em;
  --tracking-copy: 0.02em;

  --font-size-logo: 1.25rem;
  --font-size-card-brand: 1rem;
  --font-size-card-name: 0.875rem;
  --font-size-card-price: 0.625rem;
  --font-size-detail-body: 0.875rem;

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

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --border-thin: 0.0625rem;
  --sr-only-size: 0.0625rem;
  --blur-soft: 0.375rem;

  --container-max: 76rem;
  --container-padding: 2rem;
  --grid-gap: 2rem;

  --transition-fast: 150ms ease;
  --transition-medium: 240ms ease;

  --shadow-soft: 0 1rem 2.5rem rgba(10, 10, 10, 0.08);
  --modal-max-width: 70rem;
  --modal-max-height: 90vh;
  --text-max-width: 42rem;
}