/* tokens.css — :root, base reset, html/body/a/button base.
   Generated from reference/styles.css (lines 1-58). */

/* ============================================================
   AGENTI AI — Restyling liquid glass
   ============================================================ */

:root {
  --bg-0: #05060a;
  --bg-1: #0a0c14;
  --bg-2: #0e1120;
  --ink-0: #f5f6ff;
  --ink-1: #c8cce0;
  --ink-2: #8a8fab;
  --ink-3: #5a5f7a;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);

  /* accents — shared chroma, varied hue */
  --a-indigo: oklch(0.70 0.18 270);
  --a-violet: oklch(0.70 0.18 305);
  --a-cyan:   oklch(0.78 0.14 210);
  --a-rose:   oklch(0.72 0.16 15);

  --glass-bg: rgba(255,255,255,0.04);
  --glass-bg-strong: rgba(255,255,255,0.06);
  --glass-border: rgba(255,255,255,0.10);
  --glass-hi: rgba(255,255,255,0.25);

  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;

  --font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
  --font-serif: 'Instrument Serif', 'Times New Roman', serif;

  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-inout: cubic-bezier(.65,0,.35,1);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-0);
  color: var(--ink-0);
  font-family: var(--font-sans);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }