:root {
  --font-fantasy: 'Cinzel', 'Palatino Linotype', Georgia, serif;
  --font-fantasy-display: 'Cinzel Decorative', 'Palatino Linotype', Georgia, serif;
  --font-sans: 'Jost', 'Trebuchet MS', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 0.975rem;
  --text-lg: 1.1rem;
  --text-xl: 1.3rem;

  --line-tight: 1.15;
  --line-normal: 1.5;

  --sp-0: 0;
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;

  /* Stark / sharp — minimal rounding throughout */
  --r-xs: 0px;
  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 2px;

  --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.28), 0 1px 2px rgba(0, 0, 0, 0.16);
  --shadow-2: 0 8px 32px rgba(0, 0, 0, 0.48), 0 2px 8px rgba(0, 0, 0, 0.28);
  --shadow-glow: 0 0 20px color-mix(in srgb, var(--c-primary) 38%, transparent);

  --border-1: 1px solid var(--c-border);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-1: 120ms;
  --dur-2: 180ms;

  /* Sharp focus ring — no blur */
  --focus-ring: 0 0 0 2px var(--c-primary);

  --app-maxw: 1200px;
  --header-h: 56px;
  --footer-h: 56px;
  --tap-min: 44px;

  --z-header: 100;
  --z-footer: 100;
  --z-popover: 200;
  --z-modal: 1200;
}