/* 君震營造設計系統 —— 由 design/tokens.json 自動產生，請勿手改 */
/* 來源版本 1 · 君震營造設計系統 */

:root {
  --concrete: #e8e9e5;
  --paper: #ffffff;
  --stripe: #f4f5f2;
  --line: #d6d8d3;
  --rebar: #2b3238;
  --rebar-muted: #616761;
  --blueprint: #1b4f72;
  --blueprint-soft: #dce7f0;
  --hazard: #ff6a13;
  --hazard-ink: #b4420a;
  --warn: #c9820a;
  --warn-ink: #8a5a06;
  --ok: #3f6b4a;
  --hivis: #c8e600;
  --shadow-overlay: 0 4px 16px rgba(43,50,56,0.18);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --table-row: 36px;
  --touch-min: 44px;
  --field-button: 56px;
  --detail-panel: 360px;

  --radius-table: 0;
  --radius-control: 4px;
  --radius-panel: 6px;
  --radius-dialog: 8px;

  --font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --concrete: #1b1e21;
    --paper: #24282c;
    --stripe: #1f2327;
    --line: #3a4045;
    --rebar: #e6e8e4;
    --rebar-muted: #a0a6a0;
    --blueprint: #8cc0e8;
    --blueprint-soft: #1b3a4f;
    --hazard: #ff8340;
    --hazard-ink: #ffa472;
    --warn: #e8a33a;
    --warn-ink: #eec275;
    --ok: #7fb28d;
    --hivis: #c8e600;
    --shadow-overlay: 0 4px 16px rgba(0,0,0,0.5);
  }
}

:root[data-theme="dark"] {
  --concrete: #1b1e21;
  --paper: #24282c;
  --stripe: #1f2327;
  --line: #3a4045;
  --rebar: #e6e8e4;
  --rebar-muted: #a0a6a0;
  --blueprint: #8cc0e8;
  --blueprint-soft: #1b3a4f;
  --hazard: #ff8340;
  --hazard-ink: #ffa472;
  --warn: #e8a33a;
  --warn-ink: #eec275;
  --ok: #7fb28d;
  --hivis: #c8e600;
  --shadow-overlay: 0 4px 16px rgba(0,0,0,0.5);
}

/* 介面文字 */
.page-title { font-family: var(--font-sans); font-size: 24px; line-height: 31px; font-weight: 600; }
.section-title { font-family: var(--font-sans); font-size: 18px; line-height: 25px; font-weight: 600; }
.detail-value { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.table-body { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 400; }
.table-head { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 17px; font-weight: 400; }

/* 可比對數字 */
.data-lg { font-family: var(--font-mono); font-size: 15px; line-height: 22px; font-weight: 500; font-variant-numeric: tabular-nums; }
.data-md { font-family: var(--font-mono); font-size: 13px; line-height: 19px; font-weight: 400; font-variant-numeric: tabular-nums; }
.data-sm { font-family: var(--font-mono); font-size: 12px; line-height: 17px; font-weight: 400; font-variant-numeric: tabular-nums; }