/* ───────────────────────────────────────────────
   Vamos Identity — Haiqu-led
   Near-black, klein-blue primary, earth/sage/chrome,
   serif headlines + square-bulleted mono labels, grain.
   Inspired by Landscape × Haiqu. Canonical tokens.
   ─────────────────────────────────────────────── */

@font-face{font-family:"Lab Grotesque";src:url("/fonts/LabGrotesque-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lab Grotesque";src:url("/fonts/LabGrotesque-Bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  /* canvas — near-black */
  --page:#070708; --panel:#0e0e10; --panel-2:#090909; --raise:#1a1a1d;
  --ink:#f0ede7; --ink-2:#a6a29a; --ink-3:#6d6a62; --ink-4:rgba(240,237,231,.18);
  --border:rgba(240,237,231,.10); --border-2:rgba(240,237,231,.18); --hover:rgba(240,237,231,.05);
  /* brand — klein blue primary; earth secondary */
  --blue:#1f1fe6; --accent:#1f1fe6; --accent-soft:rgba(31,31,230,.18); --accent-ink:#fff;
  --earth:#c1894f; --sage:#9aa886; --live:#ff6a3c;   /* warm spark = current time */
  /* dark cinematic washes (organic / chrome) for thumbnails */
  --g-warm:linear-gradient(135deg,#3a2616,#1a1208);   /* earth */
  --g-cool:linear-gradient(135deg,#161a2e,#0a0c16);   /* night blue */
  --g-blue:linear-gradient(135deg,#1f1fe6,#0c0c5a);   /* klein */
  --g-green:linear-gradient(135deg,#1f2a1c,#0c100a);  /* sage */
  --chrome:linear-gradient(135deg,#d8d8da,#9a9a9e 40%,#e6e6e8 70%,#8e8e92);
  /* type */
  --sans:"Lab Grotesque","SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --serif:"Tiempos Headline","Canela","Georgia",ui-serif,"Times New Roman",serif;
  --mono:var(--sans);
  --r:8px; --r-lg:12px; --r-panel:0px;
  font-synthesis:none;
}
:root[data-theme="light"]{
  --page:#f2f1ec; --panel:#fbfaf7; --panel-2:#f4f3ee; --raise:#e9e7df;
  --ink:#111110; --ink-2:#5f5c55; --ink-3:#928e85; --ink-4:rgba(17,17,16,.16);
  --border:rgba(17,17,16,.10); --border-2:rgba(17,17,16,.16); --hover:rgba(17,17,16,.035);
  --accent:#1f1fe6; --accent-soft:rgba(31,31,230,.10); --accent-ink:#fff; --live:#e0542a;
  --g-warm:linear-gradient(135deg,#e7d3b6,#cda878); --g-cool:linear-gradient(135deg,#cdd4e4,#aab4cf);
  --g-blue:linear-gradient(135deg,#9a9af0,#1f1fe6); --g-green:linear-gradient(135deg,#d2dcc4,#a6b58e);
}

/* ── base ── */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%}
body{background:var(--page);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden;position:relative}
/* grain on everything (Haiqu) */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ── shared primitives ── */
.ds-eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px}
.ds-eyebrow::before{content:"";width:6px;height:6px;background:currentColor;flex:none}  /* square bullet ■ */
.ds-serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.ds-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px;border-radius:0;border:1px solid var(--border-2);background:transparent;color:var(--ink);font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.ds-btn:hover{background:var(--ink);color:var(--page);border-color:var(--ink)}
.ds-btn--solid{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.ds-badge{background:var(--raise);color:var(--ink-2);font-size:12px;font-weight:600;min-width:22px;text-align:center;padding:1px 7px;border-radius:20px}