/* site/css/tokens.css */
/* Purpose: Design tokens "Raíces" — paleta, typografia, spacing, motion. NOT for: komponenty (→ styles.css). */

:root {
  /* Paleta Raíces */
  --ink: #0F0E0D;          /* tło dark / hero */
  --cream: #F6F0E4;        /* tło sekcje */
  --cream-deep: #ECE3D2;
  --clay: #C94B2C;         /* akcent primary — terracotta */
  --clay-deep: #A63B20;
  --amber: #B8860B;        /* akcent secondary — chile amber */
  --text-dark: #1A1714;    /* tekst na jasnym */
  --text-light: #F6F0E4;   /* tekst na ciemnym */
  --muted: #6B6258;        /* tekst drugorzędny */
  --line: rgba(26,23,20,0.12);
  --line-light: rgba(246,240,228,0.16);

  /* Typografia */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", system-ui, -apple-system, sans-serif;

  --text-hero: clamp(3rem, 1rem + 9vw, 8.5rem);
  --text-h2: clamp(2.2rem, 1.2rem + 4vw, 4.5rem);
  --text-h3: clamp(1.4rem, 1rem + 1.4vw, 2rem);
  --text-lead: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
  --text-base: 1rem;
  --text-sm: 0.84rem;
  --tracking-label: 0.22em;

  /* Spacing */
  --space-section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --maxw: 1240px;
  --gutter: clamp(1.2rem, 0.5rem + 3vw, 3rem);

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 320ms;
  --dur-slow: 700ms;

  --radius: 14px;
  --shadow: 0 18px 48px -18px rgba(15,14,13,0.45);
  --shadow-soft: 0 10px 30px -16px rgba(15,14,13,0.35);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background: var(--cream);
  line-height: 1.6;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}