/* Elicy design tokens.
   World: a warm paper workspace with ink typography and one deep green accent — the palette of a
   printed store plan, not a SaaS dashboard. Light mode by intent: the tool is used on the shop floor and
   on iPads under bright light. */
:root {
  /* surfaces */
  --paper: #f4f0e8;            /* app background */
  --paper-2: #ebe6db;          /* panels, toolbars (second neutral layer) */
  --paper-3: #e1dbcd;          /* pressed / rails */
  --sheet: #fffdf8;            /* cards, inputs, sheets */
  --line: #d6cfc0;
  --line-strong: #b9b09d;

  /* ink */
  --ink: #1d1b17;
  --ink-2: #4b463d;            /* secondary text, tinted from the paper hue */
  --ink-3: #7c7568;            /* tertiary / placeholders (≥4.5:1 on paper) */
  --ink-inverse: #f7f3ea;

  /* accent — deep market green */
  --accent: #0f6b52;
  --accent-hover: #0b563f;
  --accent-soft: #d9e9df;
  --accent-ink: #0a4a37;

  /* semantic */
  --ok: #2f7a4d;      --ok-soft: #dcecdf;
  --warn: #a8690f;    --warn-soft: #f5e6c8;
  --danger: #a93a2e;  --danger-soft: #f4dcd7;
  --info: #35607a;    --info-soft: #dbe6ee;

  /* execution layer (completion) */
  --done: #2f7a4d;
  --partial: #c98a1e;
  --todo: #9a9284;

  /* type */
  --font: "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fs-12: 0.75rem; --fs-13: 0.8125rem; --fs-14: 0.875rem; --fs-16: 1rem; --fs-18: 1.125rem; --fs-22: 1.375rem; --fs-28: 1.75rem;

  /* geometry */
  --r-1: 4px; --r-2: 7px; --r-3: 12px;
  --shadow-1: 0 1px 2px rgba(29, 27, 23, .08), 0 2px 8px rgba(29, 27, 23, .06);
  --shadow-2: 0 4px 10px rgba(29, 27, 23, .10), 0 12px 32px rgba(29, 27, 23, .10);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 150ms; --t-med: 220ms;

  --head-h: 52px;
  --catalog-w: 360px;
}