/* =========================================================
   Vyřídímestavbu — design tokens (barvy, typografie).
   Port z colors_and_type.css.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Serif+Display:ital@0;1&display=swap');

:root {
  /* Warm paper */
  --warm:           hsl(40 33% 96%);
  --warm-card:      hsl(40 30% 93%);
  --warm-secondary: hsl(40 25% 88%);
  --warm-muted:     hsl(40 20% 90%);
  --warm-dark:      hsl(35 25% 82%);
  --warm-border:    hsl(40 20% 85%);

  /* Sage greens */
  --sage:           hsl(152 28% 38%);
  --sage-light:     hsl(152 20% 92%);
  --sage-dark:      hsl(152 30% 25%);
  --sage-accent:    hsl(152 20% 48%);

  /* Earth + ink */
  --earth:          hsl(30 20% 35%);
  --ink:            hsl(160 20% 15%);
  --ink-muted:      hsl(160 10% 45%);

  /* Type */
  --font-serif: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Tracking */
  --tr-eyebrow: 0.3em;

  /* Radii */
  --radius-sm:  0.5rem;
  --radius:     0.75rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-2xl: 2rem;

  /* Container */
  --container-max: 1400px;
  --container-pad: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}