/* ============================================================
   EpochCore Design System — self-contained token bundle.
   Warm-paper product face (canonical). Newsreader + JetBrains
   Mono, teal accent. Lifted from the EpochCore DS so this
   site deploys standalone (Cloudflare Pages, any static host).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Newsreader:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap');

:root {
  /* ── WARM PAPER SURFACE ─────────────────────────────────── */
  --bg:        #f4f0e7;
  --surface:   #efe9db;
  --surface-2: #eae3d3;
  --hi:        #e4dcc9;
  --field:     #fffdf8;

  /* hairlines — dark on light */
  --line:  rgba(34,27,18,0.12);
  --line2: rgba(34,27,18,0.22);

  /* ink — warm near-black */
  --ink:   #1b1712;
  --dim:   rgba(27,23,18,0.74);
  --mute:  rgba(27,23,18,0.50);
  --faint: rgba(27,23,18,0.34);
  --on-ink: #f6f2ea;

  /* ── AGENTS ACCENT — teal ───────────────────────────────── */
  --accent:      #1a6e6e;
  --accent2:     #228a8a;
  --accent3:     #5fb1b1;
  --accent-soft: rgba(26,110,110,0.09);
  --accent-line: rgba(26,110,110,0.32);
  --accent-grad: linear-gradient(100deg,#125a5a 0%,#228a8a 55%,#5fb1b1 100%);

  /* ── SEMANTIC ───────────────────────────────────────────── */
  --ok:   #1f9d61;
  --err:  #e7444e;
  --warn: #c2691c;

  /* ── PRODUCT-LANE ACCENTS ───────────────────────────────── */
  --lane-enterprise: #1a6e6e;
  --lane-smb:        #1a8a7a;
  --lane-creator:    #c2691c;

  --teal:   #1f6f72;   /* logo identity only */
  --orange: #ff6a1a;   /* sparing marketing punctuation */

  /* ── TYPE ───────────────────────────────────────────────── */
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono:  "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ── RADII / SHADOW / MOTION ────────────────────────────── */
  --radius:      4px;
  --radius-sm:   2px;
  --radius-lg:   6px;
  --radius-pill: 999px;
  --shadow:        0 4px 14px -4px rgba(18,74,74,0.20);
  --shadow-lg:     0 18px 50px -22px rgba(34,27,18,0.45);
  --shadow-violet: 0 16px 48px -18px rgba(26,110,110,0.34);
  --ease:      cubic-bezier(.2,.8,.3,1);
  --dur-fast:  .15s;
  --dur:       .22s;
  --dur-slow:  .55s;
}