/**
 * Design Tokens — Karolina Tropper Web Design
 * Nadpisują neutralny :root z motywu-bazy (studio-base)
 */

:root {
  /* Kolory Hex */
  --c-primary: #775a19;
  --c-primary-container: #c5a059;
  --c-on-primary-container: #4e3700;
  --c-bg: #fff8f3;
  --c-surface: #fff8f3;
  --c-surface-container-low: #fbf2e9;
  --c-surface-container: #f5ede4;
  --c-surface-container-high: #efe7de;
  --c-on-surface: #1e1b16;
  --c-on-surface-variant: #4e4639;
  --c-outline-variant: #d1c5b4;
  --c-accent: #c5a059;
  --c-accent-2: #775a19;
  --c-ink: #1e1b16;

  /* Kanały RGB (dla przezroczystości w bazie) */
  --c-primary-rgb: 119 90 25;
  --c-primary-container-rgb: 197 160 89;
  --c-bg-rgb: 255 248 243;
  --c-accent-rgb: 197 160 89;
  --c-accent-2-rgb: 119 90 25;
  --c-ink-rgb: 30 27 22;

  /* Typografia */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-accent: "Playfair Display", Georgia, serif;
}

/* Wygładzanie przewijania dla nawigacji */
html {
  scroll-behavior: smooth;
}

/* Dostosowanie czcionek pomocniczych */
body {
  font-family: var(--font-body);
  background-color: var(--c-bg);
  color: var(--c-on-surface);
}