/* ============================================================
   Golden Thread — design tokens + base reset
   Enterprise SaaS theme. Brand: deep navy blue + neutral slate accent.
   Loaded first: every other stylesheet depends on these variables.
   ============================================================ */
:root {
    --hd-navy: #15355f;        /* primary brand blue (logo)      */
    --hd-navy-900: #0f2546;    /* darker sidebar                  */
    --hd-navy-700: #1c4576;
    --hd-blue: #2176bd;        /* accent / links                  */
    --hd-blue-soft: #e8f1fa;
    --hd-gold: #6b7785;        /* neutral accent (was gold)       */
    --hd-gold-soft: #eef1f4;
    --ink: #1f2a37;
    --ink-soft: #5b6b7e;
    --line: #e4e9f0;
    --bg: #f4f6fa;
    --card: #ffffff;
    --ok: #1f9d57;
    --warn: #d98a00;
    --danger: #c0392b;
    --radius: 10px;
    --shadow: 0 1px 2px rgba(16,32,56,.06), 0 4px 14px rgba(16,32,56,.06);
    --sidebar-w: 256px;
    --font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: var(--font);
    color: var(--ink);
    background: var(--bg);
    font-size: 14.5px;
    line-height: 1.5;
}
a { color: var(--hd-blue); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { color: var(--ink); margin: 0 0 .4rem; font-weight: 650; }