/* ============================================================
   Dataplate — design tokens
   Canonical source of truth for colors, fonts, scale, radii,
   shadows, and motion. Consumed by base.css + components.css.
   Subagents: never introduce a color or font here without
   updating FRONTEND.md § Aesthetic brief.
   ============================================================ */

:root {
  /* ---- paper & ink ------------------------------------------ */
  --paper:        #f2ecdd;  /* warm bone — primary background   */
  --paper-2:      #e8e0cd;  /* deeper fold / panel fill         */
  --paper-3:      #ddd3bb;  /* pressed edge                     */
  --card:         #fbf7ec;  /* card face — near-white paper     */
  --card-2:       #f7f2e3;  /* card face, shade two             */

  --ink:          #111722;  /* deep navy-black — logbook ink    */
  --ink-2:        #2a3040;
  --ink-3:        #4b5063;  /* secondary text                   */
  --ink-4:        #7a7e8d;  /* tertiary text                    */

  --rule:         #c8c0a9;  /* hairline form border             */
  --rule-2:       #b5ac92;
  --rule-dk:      #8d836a;  /* heavier form border              */

  /* ---- accents ---------------------------------------------- */
  --rust:         #b5411e;  /* aviation orange — primary accent */
  --rust-2:       #8a2f15;
  --rust-tint:    #f3dbd1;

  --ink-green:    #29513c;  /* signed / committed entries       */
  --ink-green-2:  #1f3e2d;
  --ink-green-tn: #d5e0ce;

  --amber:        #b88217;  /* caution / advisory               */
  --amber-tint:   #efdcaf;

  --crimson:      #8f1e1e;  /* overdue / grounding              */
  --crimson-tint: #ecc9c9;

  --slate:        #3a4658;  /* informational / neutral          */
  --slate-tint:   #d4dce5;

  /* ---- typography ------------------------------------------- */
  --ff-display: 'Fraunces', 'Iowan Old Style', 'Palatino', serif;
  --ff-body:    'Hanken Grotesk', 'Helvetica Neue', system-ui, sans-serif;
  --ff-mono:    'JetBrains Mono', 'Menlo', monospace;

  /* ---- spacing scale ---------------------------------------- */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-7:  32px;
  --s-8:  48px;
  --s-9:  64px;
  --s-10: 96px;

  /* ---- radii & shape ---------------------------------------- */
  --radius:    2px;  /* sharp, formal — not rounded-friendly    */
  --radius-2:  4px;

  /* ---- shadow ----------------------------------------------- */
  --shadow-flat: 0 1px 0 rgba(17, 23, 34, 0.08);
  --shadow-lift:
      0 1px 0    rgba(17, 23, 34, 0.05),
      0 2px 6px  rgba(17, 23, 34, 0.04),
      0 18px 40px -24px rgba(17, 23, 34, 0.22);

  /* ---- motion curves ---------------------------------------- */
  --ease-ink:    cubic-bezier(0.2, 0.7, 0.25, 1);
  --ease-quick:  cubic-bezier(0.4, 0.0, 0.2, 1);
  --dur-fast:    120ms;
  --dur-medium:  320ms;
  --dur-slow:    600ms;
}

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