/* Round 1, rules 1 and 8: the canvas, the panel, and one accent.
   From STYLE.md, the dense operational console look. Loaded after site.css, so
   everything here is an override and deleting this folder restores the site.

   What changed after the first look (owner, 2026-09-23): the brief is about the
   screens you see AFTER signing in. The palette is shared by every page, but
   the density, the flattened headings and the full-bleed width belong to the
   console, the admin panel and the account. Those screens are marked with
   .app-page, .admin-page, or by carrying the console shell, and the rest of
   this folder says "app" for that set. A marketing page is a page of reading
   and is styled as one. */

:root {
  /* Canvas and panels */
  --bg: #f4f5f7;
  --panel: #fff;
  /* Darker than the first pass: the grey text on the grey canvas and the
     hairlines between rows were hard to read (owner, 2026-10-08). */
  --border: #d9dde3;
  --text: #1f2a37;
  --muted: #4b5563;

  /* Shell */
  --nav: #1f2a37;
  --nav-2: #2d3e50;

  /* One accent for links and buttons, and it is the brand's plum. The first
     pass moved it to a console blue and turned every button white, which threw
     the product's own colour away for a rule about density (owner, 2026-09-23).
     The navy below is furniture: the shell, not the controls. */
  --accent: #4A2C5E;
  --accent-deep: #331F42;
  --mark: #f3b229;

  --ok-bg: #bbf7d0;   --ok-fg: #14532d;
  --warn-bg: #fde68a; --warn-fg: #7c4a00;
  --bad-bg: #fecaca;  --bad-fg: #7f1d1d;
  --info-bg: #bfdbfe; --info-fg: #1e3a8a;

  --radius: .5rem;
  --fs-body: .84rem;
  --fs-label: .7rem;
  --fs-title: .95rem;
  --fs-kpi: 1.35rem;
  --gap: 1rem;

  /* The site reads these for everything coloured by the brand: buttons, links,
     the current tab, the account menu. They stay plum. Only --nav above is
     navy, and only the sidebar and the top strip use it. */
  --brand: #4A2C5E;
  --brand-deep: #331F42;
  --brand-soft: #8E74A8;
  --brand-wash: #F4F0F7;
  --brand-line: #DCD2E6;
}

body {
  color: var(--text);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  /* A page of reading stays at a reading size. 13px body text is for a screen
     full of rows, not for prose. */
  font-size: .95rem;
  line-height: 1.5;
  background: #fff;
}

/* The grey canvas is what makes white panels read as panels, so it belongs to
   the screens that have panels. */
body.app-page,
body.admin-page,
body:has(.console-shell) {
  background: var(--bg);
  font-size: var(--fs-body);
  line-height: 1.45;
}

a { color: var(--accent); }
a:hover { color: var(--accent-deep); }

::selection { background: #e6dcef; }