/* BLICKFELD — Design Tokens */

:root {
  /* Brand colors (from official branding guidelines) */
  --ink: #1e1f20;
  --slate: #63666a;
  --slate-60: rgba(99, 102, 106, 0.6);

  /* Neutrals */
  --paper: #fbf9f5;
  --surface: #ffffff;
  --surface-sunken: #f2efe9;
  --on-ink: #f4f2ee;
  --on-ink-muted: rgba(244, 242, 238, 0.64);

  /* Single accent — warmth against the cool grey/AI tone */
  --focus: #c97a3d;
  --focus-strong: #a85f28;
  --focus-tint: #f4e3d3;

  /* Lines */
  --line: rgba(30, 31, 32, 0.12);
  --line-on-ink: rgba(244, 242, 238, 0.16);

  /* Feedback */
  --error: #b3432b;

  /* Type — friendly, rounded, approachable */
  --font-display: "Poppins", sans-serif;
  --font-body: "Nunito", sans-serif;
  --font-mono: "Nunito", sans-serif;

  --step-eyebrow: 0.8125rem;
  --step-small: 0.9375rem;
  --step-body: 1.0625rem;
  --step-lead: 1.25rem;
  --step-h3: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
  --step-h2: clamp(1.9rem, 1.4rem + 2vw, 2.75rem);
  --step-h1: clamp(2.6rem, 1.6rem + 4vw, 4.5rem);

  /* Space */
  --space-2xs: 0.375rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.25rem;
  --space-xl: 5.5rem;
  --space-2xl: 8.5rem;

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 26px;

  /* Layout */
  --container: 1180px;
  --container-narrow: 760px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med: 0ms;
    --dur-slow: 0ms;
  }
}