/* tokens.css — CSS custom properties (palette, radius, shadow) + base/reset.
 *
 * Ported from mockups/e-wizard as the wizard suite skin. Loaded first so
 * layout + components inherit these tokens. System fonts only (CJK falls
 * back to the OS Chinese face). No frameworks, no CDNs. */

:root {
  --color-bg:              #eef1f6;
  --color-surface:         #ffffff;
  --color-ink:             #1b2230;
  --color-ink-soft:        #4a5468;
  --color-ink-muted:       #7b8598;
  --color-border:          #dfe4ec;
  --color-border-strong:   #c4ccda;
  --color-brand:           #1f5d52;   /* deep teal */
  --color-brand-soft:      #e6f1ee;
  --color-brand-ink:       #133b34;
  --color-amber:           #b9762a;
  --color-amber-soft:      #fbf2e3;
  --color-rail:            #16241f;   /* dark forest rail */
  --color-rail-ink:        #cfe0da;
  --color-rail-done:       #6fc1ab;
  --color-danger:          #9a3535;
  --color-on-accent:       #fff;      /* text on brand/amber/ink tier tags */
  /* outline-lens status-badge palettes — bg / border / text triads (mockups/a-outline) */
  --color-status-not-started-bg:     #f3f0e6;
  --color-status-not-started-border: #cdc2a5;
  --color-status-not-started-text:   #6e6244;
  --color-status-in-progress-bg:     #e7eef6;
  --color-status-in-progress-border: #a9c4df;
  --color-status-in-progress-text:   #2f5276;
  --color-status-done-bg:            #e7f1eb;
  --color-status-done-border:        #9cc4ad;
  --color-status-done-text:          #2f6043;
  --color-status-blocked-bg:         #f7e8e2;
  --color-status-blocked-border:     #dcae9c;
  --color-status-blocked-text:       #8a4327;
  --radius:        10px;
  --shadow:        0 1px 2px rgba(20,30,40,.06), 0 8px 24px rgba(20,30,40,.06);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--color-bg);
  color: var(--color-ink);
  font: 15px/1.5 -apple-system, system-ui, "Segoe UI", Roboto,
        "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}
:lang(zh-Hans) { font-size: 15px; }