/* ═══════════════════════════════════════════════════════════════
   forge&convert — Drafting Room v2.1
   1960s/70s engineering drafting office · blueprint & vellum
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── LIGHT MODE · vellum paper + drafting ink ── */
  --bg-deep:      #d8d2c0;          /* drafting room shadow */
  --bg-main:      #ece5d2;          /* vellum paper */
  --panel:        #f4eedd;          /* lighter vellum */
  --panel-hi:     #fbf6e8;          /* sheen highlight */
  --panel-lo:     #ddd5bd;          /* paper shadow */
  --hover:        #e6dfca;

  --border:       #aaa181;          /* drafted line */
  --border-strong:#7a7058;          /* dimension line */
  --rule:         #4a4231;          /* title-block rule */

  --ink:          #142d4a;          /* drafting ink */
  --ink-soft:     #305879;
  --ink-faint:    #66745f;

  --blueprint:    #0a4d8a;
  --blueprint-hi: #1c70b8;
  --blueprint-lo: #062f54;
  --rust:         #b85a3c;          /* red pencil correction */
  --rust-hi:      #d97a5a;
  --rust-lo:      #8b3f24;

  --good:         #2c6e3a;
  --bad:          #a83020;

  --grid:         rgba(20,45,74,0.10);   /* faint engineering grid */
  --grid-major:   rgba(20,45,74,0.18);

  --display: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;
  --mono:    'JetBrains Mono', 'Courier New', monospace;
  --body:    'Inter Tight', system-ui, sans-serif;
}

[data-theme="dark"] {
  /* ── DARK MODE · classic blueprint paper ── */
  --bg-deep:      #08182a;
  --bg-main:      #0d2842;          /* blueprint navy */
  --panel:        #143656;          /* table panel */
  --panel-hi:     #1c4267;
  --panel-lo:     #0a1f33;
  --hover:        #1a3f60;

  --border:       #2c5478;          /* drafted line */
  --border-strong:#3f6c92;          /* dimension line */
  --rule:         #5d8db7;

  --ink:          #d8e8f7;          /* white pencil */
  --ink-soft:     #a4c1de;
  --ink-faint:    #6f8eab;

  --blueprint:    #6bb8f0;          /* diazo cyan */
  --blueprint-hi: #a4d4f7;
  --blueprint-lo: #4a8fc4;
  --rust:         #ffa37c;
  --rust-hi:      #ffc5a5;
  --rust-lo:      #d97a5a;

  --good:         #87d68a;
  --bad:          #ff7d6e;

  --grid:         rgba(107,184,240,0.10);
  --grid-major:   rgba(107,184,240,0.18);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background-color: var(--bg-main);
  color: var(--ink);
  font-family: var(--body);
  font-size: 15px;
  line-height: 1.6;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  transition: background-color .35s ease, color .35s ease;
}

/* Engineering grid backdrop — fine grid with bolder major lines, like printed graph paper */
body {
  position: relative;
  background-image:
    /* major grid 80px */
    linear-gradient(var(--grid-major) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-major) 1px, transparent 1px),
    /* minor grid 16px */
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px),
    /* subtle noise */
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px, 160px 160px;
  background-attachment: fixed;
}
body::after {                       /* corner vignette — table light fall-off */
  content: '';
  position: fixed; inset: 0;
  pointer-events: none; z-index: 0;
  box-shadow: inset 0 0 200px rgba(0,0,0,0.30);
}
[data-theme="light"] body::after { box-shadow: inset 0 0 180px rgba(80,60,30,0.20); }

.container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 36px 30px 70px;
  position: relative;
  z-index: 1;
}