/* autonomi data room -- theme: lab palette + ift2026 fonts
 * Pure-black canvas with LynZ gold (#c9a84c) accent (lab parity);
 * fonts switched to Bricolage Grotesque + Inter + JetBrains Mono
 * to match ift2026.html / lynz.app marketing surface.
 */

/* Google Fonts loaded via @import so the dataroom HTML files don't
 * need new <link> tags. CSP font-src on netlify.toml already allows
 * https://fonts.gstatic.com. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  /* Lab palette — pure black canvas */
  --bg:        #000000;
  --bg2:       #0d0d0d;
  --bg3:       #141414;
  --panel:     rgba(13,13,13,0.95);
  --panel-solid: #0a0a0a;

  /* LynZ gold accent + status palette (lab parity) */
  --accent:      #c9a84c;
  --accent2:     #B8942D;
  --accent-glow: rgba(201,168,76,0.15);
  --accent-dim:  rgba(201,168,76,0.08);

  --gold:    var(--accent);
  --gold-hi: var(--accent2);
  --gold-lo: rgba(201,168,76,0.45);

  --cyan:   #38bdf8; --cyan-dim:   rgba(56,189,248,0.10);
  --green:  #4ade80; --green-dim:  rgba(74,222,128,0.10);
  --red:    #f87171; --red-dim:    rgba(248,113,113,0.10);
  --yellow: #fbbf24; --yellow-dim: rgba(251,191,36,0.10);
  --purple: #a78bfa; --purple-dim: rgba(167,139,250,0.10);

  --border:        rgba(255,255,255,0.08);
  --border-bright: rgba(201,168,76,0.45);
  --border-hi:     var(--border-bright);

  --text:     #ffffff;
  --text-dim: #888888;
  --text-mid: #cccccc;

  --text-1:   var(--text);
  --text-2:   var(--text-mid);
  --text-3:   var(--text-dim);
  --text-4:   #666666;

  --surface:  var(--bg2);
  --elevated: var(--bg3);

  --shale-7:  var(--bg3);
  --shale-8:  var(--bg2);
  --shale-9:  var(--bg);

  --radius:    6px;
  --radius-lg: 10px;

  /* ift2026 font stack */
  --display: 'Bricolage Grotesque', 'Inter', system-ui, -apple-system, sans-serif;
  --body:    'Inter', system-ui, -apple-system, sans-serif;
  --ui:      var(--body);
  --mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --font-mono: var(--mono);
  --font-ui:   var(--ui);
  --font-ed:   var(--display);
}

/* Lab signature: faint 40px grid behind the canvas. */
html, body { background-color: var(--bg); }
body {
  background-image:
    linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: 40px 40px;
}
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(201,168,76,0.3); border-radius: 4px; }