/* LauCo brand tokens — three directions share a base reset */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

* { box-sizing: border-box; }

/* ── Direction 1 — NODE ────────────────────────────── */
.dir-node {
  --ink: #14110d;
  --paper: #f5f1ea;
  --paper-2: #ebe5da;
  --rule: rgba(20,17,13,0.14);
  --accent: #c8412c;        /* walloon-leaning red, oxidized */
  --accent-2: #d8a13a;      /* ochre */
  --muted: rgba(20,17,13,0.55);
  --display: 'Inter Tight', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  font-family: var(--display);
  color: var(--ink);
  background: var(--paper);
}

/* ── Direction 2 — ATELIER ─────────────────────────── */
.dir-atelier {
  --ink: #1a1612;
  --paper: #efe8db;
  --paper-2: #e3d9c5;
  --rule: rgba(26,22,18,0.18);
  --accent: #a8311f;        /* deep brick red */
  --accent-2: #d4a24c;      /* aged gold */
  --muted: rgba(26,22,18,0.6);
  --display: 'Fraunces', Georgia, serif;
  --sans: 'Inter Tight', system-ui, sans-serif;
  --mono: 'JetBrains Mono', monospace;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
}

/* ── Direction 3 — SIGNAL ──────────────────────────── */
.dir-signal {
  --ink: #0d0d0d;
  --paper: #efece5;
  --paper-2: #1a1a1a;
  --rule: rgba(13,13,13,0.2);
  --accent: #ffd400;        /* signal yellow */
  --accent-2: #e63946;      /* signal red */
  --muted: rgba(13,13,13,0.55);
  --display: 'Space Grotesk', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  font-family: var(--display);
  color: var(--ink);
  background: var(--paper);
}

/* shared utility */
.artboard-pad { padding: 32px; }
.label-mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.hairline { border: 0; border-top: 1px solid var(--rule); margin: 0; }