/* Direction: REME family-law — deep slate band, pale sky-blue accents, classic serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f2f5f8;
  --surface: #ffffff;
  --surface-2: #e6e9ec;
  --border: #d3dbe5;
  --border-strong: #abaeb1;
  --ink: #1b2430;
  --muted: #60656d;
  --accent: #2c3a4b;
  --accent-hover: #253140;
  --accent-ink: #ffffff;
  --accent-text: #2f4d6e;
  --accent-strong: #2c3a4b;
  --accent-soft: #d6dbe0;
  --accent-border: #99a1aa;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #d7e7e2;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #ebe2db;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #ebdbde;
  --danger-strong: #b91c1c;
  --chart-1: #2c3a4b;
  --chart-2: #6a3682;
  --chart-3: #852537;
  --chart-4: #5e4b00;
  --chart-5: #137039;
  --chart-6: #0a6889;

  --font-display: "Noto Serif", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-card: 12px;
  --display-weight: 600;
  --x-band: #2c3541;
  --x-band-2: #3b4a5a;
  --x-on-photo: #f4f7fb;
  --x-sky: #8fb8e0;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #06080b;
  --surface: #1f2123;
  --surface-2: #121417;
  --border: #292b2d;
  --border-strong: #515254;
  --ink: #f2f5f8;
  --muted: #949699;
  --accent: #2c3a4b;
  --accent-hover: #4c5866;
  --accent-ink: #ffffff;
  --accent-text: #89909a;
  --accent-strong: #7f8691;
  --accent-soft: #0e1319;
  --accent-border: #171e28;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #092216;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2c190b;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2d0c0f;
  --danger-strong: #cd5c5c;
  --chart-1: #627184;
  --chart-2: #a770c0;
  --chart-3: #c15c68;
  --chart-4: #b17600;
  --chart-5: #5e913b;
  --chart-6: #3e8cd1;
}

/* REME — privacy mode: client names and confidential titles blur until hovered or focused. */
html.privacy .pv {
  filter: blur(7px);
  transition: filter 0.2s ease;
  user-select: none;
}
html.privacy .pv:hover,
html.privacy .pv:focus-within {
  filter: none;
  user-select: auto;
}
html.reduced-motion .pv {
  transition: none;
}

/* The status select wears its own tone; keep it compact and legible. */
select.select[hx-post] {
  min-width: 8.5rem;
}

@media print {
  body {
    background: none;
  }
}