/* AGRIFON Designsystem v0.1 – Tokens „Datenblatt + Schmelzlinie“
   Quelle: planning/07_DESIGNSYSTEM.md. Kontrastwerte dort dokumentiert. */
:root {
  /* Farbe – Datenblatt */
  --ink: #12161A;
  --ink-muted: #4A535C;
  --ink-subtle: #6B737B;
  --paper: #F4F3EF;
  --surface: #FFFFFF;
  --line: #D9DCDF;          /* nur dekorativ */
  --line-strong: #7A838C;   /* Steuerelement-Ränder, ≥ 3:1 */
  --signal: #C2410C;
  --signal-strong: #9A3412;
  --danger: #B42318;

  /* Farbe – Schmelzlinie */
  --stage: #0E1114;
  --stage-raised: #171B20;
  --stage-line: #2A3038;
  --on-stage: #ECEAE4;
  --on-stage-muted: #A7B0B8;
  --melt: #FF7A1A;
  --melt-glow: #FFB347;
  --melt-gradient: linear-gradient(90deg, var(--melt-glow), var(--melt));

  /* Status */
  --status-available-fg: #1E6B45; --status-available-bg: #E7F2EC;
  --status-reserved-fg: #8A5300;  --status-reserved-bg: #FBF1E3;
  --status-sold-fg: #5B636B;      --status-sold-bg: #EEF0F2;

  /* Typografie (Ziel: IBM Plex, selbst gehostet; hier Systemschriften als Platzhalter) */
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 0.875rem;                          /* 14 */
  --fs-sm: 1rem;                              /* 16 */
  --fs-base: clamp(1.0625rem, 1rem + 0.2vw, 1.125rem); /* 17–18 */
  --fs-md: 1.375rem;                          /* 22 */
  --fs-lg: clamp(1.5rem, 1.2rem + 1vw, 1.75rem);      /* 24–28 */
  --fs-xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);   /* 28–36 */
  --fs-2xl: clamp(2.25rem, 1.5rem + 2.6vw, 3rem);     /* 36–48 */
  --fs-display: clamp(2.5rem, 1.4rem + 4.2vw, 4rem);  /* 40–64 */
  --lh-text: 1.55;
  --lh-head: 1.12;
  --measure: 68ch;

  /* Abstand – 8-px-Basis */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --gutter: clamp(16px, 4vw, 48px);
  --container: 1360px;

  /* Form */
  --radius-control: 2px;
  --radius-card: 4px;
  --target-min: 44px;

  /* Motion */
  --ease: cubic-bezier(.2, 0, 0, 1);
  --ease-large: cubic-bezier(.3, 0, 0, 1);
  --d-micro: 120ms;
  --d-standard: 200ms;
  --d-large: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d-micro: 0ms; --d-standard: 0ms; --d-large: 0ms; }
}