/* de Zwart — design tokens.
   One accent, used only where something is alive: act numbers, live indicators,
   links, the CTA, data bars. Everything else is paper and ink. */

:root {
  /* ---- surfaces (warm paper) ---- */
  --bg:        #faf9f7;
  --bg-2:      #f3f1ec;
  --bg-3:      #ece9e2;
  --panel:     #ffffff;
  --panel-2:   #f7f5f1;

  /* ---- ink ---- */
  --fg:        #161513;
  --fg-dim:    #43403a;
  --muted:     #6c665d;
  --muted-2:   #9a938a;

  /* ---- rules ---- */
  --line:      rgba(22, 21, 19, .14);
  --line-2:    rgba(22, 21, 19, .07);
  --line-3:    rgba(22, 21, 19, .04);

  /* ---- accent: deep pine. 9.4:1 on paper, so it is safe as text. ---- */
  --accent:      #12503a;
  --accent-soft: #1c6b4e;
  --accent-wash: rgba(18, 80, 58, .07);
  --accent-line: rgba(18, 80, 58, .22);

  /* second data-viz hue only; never used for text */
  --ochre:      #9a6f12;
  --ochre-wash: rgba(154, 111, 18, .1);

  /* ---- type ---- */
  --display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --body:  17.5px;
  --micro: .78rem;      /* floor. do not shrink — flagged twice on jana.dezwart.at */
  --track: .13em;       /* floor for tracked micro-type */

  /* ---- layout ---- */
  --w:       1080px;    /* shared by nav and content */
  --gut:     clamp(20px, 5vw, 48px);
  --nav-h:   58px;
  --nav-top: 14px;
  --radius:  14px;
  --radius-s: 9px;

  /* ---- motion ---- */
  --ease:     cubic-bezier(.16, 1, .3, 1);
  --ease-io:  cubic-bezier(.65, 0, .35, 1);
  --dur:      .7s;

  /* ---- chrome ---- */
  --glass:        rgba(250, 249, 247, .78);
  --glass-line:   rgba(22, 21, 19, .1);
  --shadow-card:  0 1px 2px rgba(22, 21, 19, .04), 0 8px 28px -12px rgba(22, 21, 19, .12);
  --shadow-pop:   0 2px 6px rgba(22, 21, 19, .06), 0 24px 56px -20px rgba(22, 21, 19, .22);
}

@media (max-width: 720px) {
  :root {
    --nav-h: 52px;
    --nav-top: 10px;
    --body: 17px;
    --micro: .8rem;     /* larger, not smaller, on phones */
    --track: .1em;
  }
}