:root {
  /* Color */
  --color-flour: #faf7f2;
  --color-cream: #f5ede0;
  --color-wheat: #e8d5b5;
  --color-crust: #8b5a3c;
  --color-terracotta: #c4784a;
  --color-espresso: #3d2314;
  --color-sage: #7a8b6f;
  --color-white: #ffffff;

  /* Typography */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Source Sans 3", system-ui, sans-serif;
  --font-accent: "Caveat", cursive;

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

  /* Layout */
  --max-width: 72rem;
  --header-height: 3.5rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 220ms;
}

html[lang="ka"] {
  --font-accent: "MG Glaho Drunk", cursive;
  --accent-slant: -8deg;
}