/* app/css/theme.css
   Design tokens only. Every colour in app.css comes from here; every token
   has a dark override. Institutional palette: a deep judiciary blue, warm
   neutrals, and one accent per status family. */

:root {
  --dm-bg: #f5f6f8;
  --dm-surface: #ffffff;
  --dm-surface-2: #eef1f5;
  --dm-border: #d9dee6;
  --dm-text: #1c2430;
  --dm-text-2: #5b6675;
  --dm-text-3: #8a94a3;
  --dm-primary: #1f3a5f;
  --dm-primary-hover: #2a4d7c;
  --dm-on-primary: #ffffff;
  --dm-accent: #b8860b;
  --dm-danger: #b3261e;
  --dm-danger-bg: #fbe9e7;
  --dm-success: #1e7f4f;
  --dm-success-bg: #e3f4ea;
  --dm-warn: #9a6700;
  --dm-warn-bg: #fff4d6;
  --dm-info: #2b5c9e;
  --dm-info-bg: #e5eef9;
  --dm-muted-bg: #eceff3;
  --dm-focus: #3b82f6;
  --dm-overlay: rgba(16, 24, 40, 0.45);
  --dm-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.10);
  --dm-radius: 10px;
  --dm-radius-sm: 6px;
  --dm-font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --dm-mono: "Cascadia Mono", Consolas, monospace;
}

[data-theme="dark"] {
  --dm-bg: #12161c;
  --dm-surface: #1a2029;
  --dm-surface-2: #222a35;
  --dm-border: #303a48;
  --dm-text: #e6eaf0;
  --dm-text-2: #a9b3c0;
  --dm-text-3: #76818f;
  --dm-primary: #6f9fd8;
  --dm-primary-hover: #8ab3e6;
  --dm-on-primary: #0e1520;
  --dm-accent: #d9a83a;
  --dm-danger: #f28b82;
  --dm-danger-bg: #3a1f1d;
  --dm-success: #6fcf97;
  --dm-success-bg: #17332a;
  --dm-warn: #f0c060;
  --dm-warn-bg: #3a2f14;
  --dm-info: #8ab4f8;
  --dm-info-bg: #1b2a40;
  --dm-muted-bg: #262f3b;
  --dm-focus: #8ab4f8;
  --dm-overlay: rgba(0, 0, 0, 0.6);
  --dm-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.5);
}
