/* Design tokens — single source of truth. Every other stylesheet reads from here. */
:root {
  color-scheme: light;

  /* Surfaces */
  --bg: #f7f5f1;
  --bg-2: #eeeae3;
  --surface: #ffffff;
  --surface-2: #f4f1ec;
  --line: rgb(39 35 31 / 0.12);
  --line-strong: rgb(39 35 31 / 0.24);

  /* Ink */
  --text: #1a1917;
  --muted: #6f675d;

  /* Accents: ember (fire) and steel (tech) */
  --ember: #bf1e2e;
  --ember-2: #bf1e2e;
  --ember-glow: rgb(191 30 46 / 0.28);
  --steel: #2b7f88;
  --steel-glow: rgb(43 127 136 / 0.2);
  --ok: #2f7d4a;
  --danger: #b42318;

  /* Type: one family keeps the brand, headings and interface coherent. */
  --font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --fs-h3: clamp(1.5rem, 1.3rem + 0.8vw, 1.9rem);
  --fs-h2: clamp(2.2rem, 1.5rem + 2.8vw, 4.2rem);
  --fs-h1: clamp(2.9rem, 1.3rem + 4.4vw, 6rem);

  /* Space and shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-section: clamp(5rem, 4rem + 6vw, 9rem);
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --container: min(1200px, 100% - 2rem);
  --header-h: 0px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.2s;
  --dur: 0.6s;
  --dur-slow: 1.2s;

  /* Elevation */
  --shadow-lift: 0 30px 80px -30px rgb(50 42 34 / 0.25);
}