/* Direction: drafting table — warm paper, deep teal ink, brass highlights */
/* 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: #f4f1ea;
  --surface: #fbf9f4;
  --surface-2: #e8e6df;
  --border: #dcd5c6;
  --border-strong: #acada8;
  --ink: #1c2826;
  --muted: #616562;
  --accent: #1e5f5a;
  --accent-hover: #1a514d;
  --accent-ink: #ffffff;
  --accent-text: #17504b;
  --accent-strong: #1e5f5a;
  --accent-soft: #d6ddd6;
  --accent-border: #94afa9;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #d9e3d5;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #ecdecf;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #edd7d1;
  --danger-strong: #b91c1c;
  --chart-1: #1e5f5a;
  --chart-2: #1c71b4;
  --chart-3: #613483;
  --chart-4: #a24159;
  --chart-5: #6e4100;
  --chart-6: #547710;

  --font-display: "Bricolage Grotesque", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --display-weight: 700;
  --display-tracking: -0.02em;
  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --x-brass: #b8863b;
  --font-sans: "DM Sans", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #040d0d;
  --surface: #1d2525;
  --surface-2: #111919;
  --border: #272f2f;
  --border-strong: #4f5656;
  --ink: #f4f1ea;
  --muted: #949692;
  --accent: #1e5f5a;
  --accent-hover: #407773;
  --accent-ink: #ffffff;
  --accent-text: #6b9692;
  --accent-strong: #5e8d88;
  --accent-soft: #0a1f1e;
  --accent-border: #103230;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #082618;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2b1c0c;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2c1010;
  --danger-strong: #d16969;
  --chart-1: #3e7c77;
  --chart-2: #428fd5;
  --chart-3: #9669bb;
  --chart-4: #c45f74;
  --chart-5: #b26f04;
  --chart-6: #6f9638;
}

.blueprint {
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px);
  background-size: 24px 24px;
}
.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.tbl { border-collapse: collapse; }
.tbl th { text-align: left; font-weight: 600; font-size: 0.72rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.tbl tbody tr:hover { background: color-mix(in srgb, var(--accent) 5%, transparent); }
.tbl input.input, .tbl select.select { padding-top: 0.3rem; padding-bottom: 0.3rem; min-width: 4.5rem; }
.brass-rule { height: 3px; width: 44px; background: var(--x-brass); border-radius: 2px; }
.module-card { transition: transform 0.15s ease; }
.module-card:hover { transform: translateY(-2px); }
.module-card:active { transform: translateY(0); }
html.reduced-motion .module-card { transition: none; transform: none; }
.navlink[aria-current="page"] { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent-text); font-weight: 600; }
@media print {
  aside, header, nav, .print-hide { display: none !important; }
}