/* Shared palette for the admin portal's document/record pages.
 *
 * Those 15 pages each carry their own inline <style> block, but they all
 * declare the SAME custom-property vocabulary (--accent, --accent-2, --ink,
 * --muted, --border, --panel, --bg-1, --bg-2, --field, --danger, --success,
 * --radius...). They were already navy-based, just each on a slightly
 * different shade, which is what made the portal look assembled from parts.
 *
 * So this restyles nothing directly - it only redefines those shared tokens to
 * the canonical values in assets/admin.css. Every page's own rules keep their
 * layout and their bespoke components; they just resolve to one palette.
 * Deliberately not a component stylesheet: overriding their layout from here
 * would mean fighting 15 sets of inline rules I can't see the effect of.
 *
 * Two requirements this depends on:
 *   1. It must load AFTER the page's inline <style>, or the page's own :root
 *      wins. It is injected immediately before responsive.css, at the end of
 *      <head>.
 *   2. It uses `html:root` (specificity 0,1,1) to outrank the pages' plain
 *      `:root` (0,1,0). Same-specificity would be decided by source order,
 *      which holds today but breaks the moment a page is edited.
 */

html:root{
  /* Core surfaces - matched to admin.css */
  --bg-1:#f6f7f9; --bg-2:#eef1f5;
  --panel:#ffffff; --panel-2:#fafbfc;
  --field:#f8fafc;
  --border:#e3e8ee; --border-strong:#d2dae3;

  /* Ink */
  --ink:#111827; --ink-sub:#374151; --muted:#6b7280;

  /* Brand navy + gold */
  --accent:#1e3a5f; --accent-2:#2c5282;
  --accent-soft:rgba(30,58,95,.08);
  --gold:#b5852c; --gold-ink:#8a6420;

  /* Semantic - the same hues admin.css uses, so a "success" here and a
     "resolved" pill there are the same green. */
  --danger:#b3261e; --danger-soft:#fdecea;
  --success:#0f7b52; --success-2:#0b5c3d; --success-soft:#e7f6ef;
  --warn:#b45309; --warn-soft:#fef4e6;

  --radius:12px; --radius-sm:8px; --radius-lg:16px;
  --shadow-md:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);
  --shadow-lg:0 12px 32px rgba(16,24,40,.12),0 4px 8px rgba(16,24,40,.05);
}

/* Shared chrome that every one of these pages renders the same way, kept
   minimal on purpose - typography and form controls only, no layout. */
body{
  font-family:"Inter",Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
input,select,textarea,button{ font-family:inherit }
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent-2); outline-offset:1px;
}
:focus-visible{ outline:2px solid var(--accent-2); outline-offset:2px }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important }
}