/* Saveling design tokens — единый источник цвета, радиусов, теней и ритма. */
:root {
  /* surfaces */
  --bg: #0a0805;
  --bg-deep: #060503;
  --surface: #14100a;
  --surface-2: #1c160e;
  --surface-3: #241c12;

  /* accent */
  --amber: #f5a623;
  --amber-bright: #ffb23f;
  --amber-soft: #ffaa22;
  --amber-ink: #231803;

  /* text */
  --cream: #f7f0e2;
  --text: #efe6d5;
  --muted: #a2917a;
  --muted-dim: #7d6e5b;

  /* lines & effects */
  --border: rgba(245, 166, 35, 0.16);
  --border-strong: rgba(245, 166, 35, 0.42);
  --glow: 0 0 40px rgba(245, 166, 35, 0.28);
  --glow-soft: 0 0 80px rgba(245, 166, 35, 0.16);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-card: 0 18px 44px rgba(0, 0, 0, 0.45);

  /* radii */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;
  --r-pill: 999px;

  /* spacing scale */
  --s-1: 6px;
  --s-2: 10px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 34px;
  --s-6: 48px;
  --s-7: 68px;
  --s-8: 96px;
  --s-9: 132px;

  /* layout */
  --maxw: 1240px;
  --gutter: clamp(18px, 4vw, 56px);
  --header-h: 72px;

  /* type */
  --serif: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.5s;
}