/* ============================================================
   EpochCore Design System — self-contained token bundle.
   Warm-paper product face (canonical). Newsreader + JetBrains
   Mono, violet 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;

  /* ── HERO ACCENT — violet ───────────────────────────────── */
  --accent:      #6a3df0;
  --accent2:     #7d5bf4;
  --accent3:     #a896f7;
  --accent-soft: rgba(106,61,240,0.09);
  --accent-line: rgba(106,61,240,0.30);
  --accent-grad: linear-gradient(100deg,#5a2fe0 0%,#7d5bf4 55%,#a896f7 100%);

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

  /* ── PRODUCT-LANE ACCENTS ───────────────────────────────── */
  --lane-enterprise: #6a3df0;
  --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(74,58,160,0.22);
  --shadow-lg:     0 18px 50px -22px rgba(34,27,18,0.45);
  --shadow-violet: 0 16px 48px -18px rgba(106,61,240,0.35);
  --ease:      cubic-bezier(.2,.8,.3,1);
  --dur-fast:  .15s;
  --dur:       .22s;
  --dur-slow:  .55s;
}