/* ============================================================
   Kneuralabs — Design tokens
   Editorial / structural system. Warm paper-and-ink palette,
   sienna accent, Inter + JetBrains Mono.
   ============================================================ */

:root {
  /* ── Surface & ink ── */
  --paper:    #F4F3F0;
  --paper-2:  #ECEAE4;
  --ink:      #15140F;
  --ink-2:    #3A372E;
  --rule:     rgba(0, 0, 0, 0.10);

  /* ── Accent ── */
  --accent:    oklch(0.52 0.12 50);    /* warm sienna */
  --accent-2:  oklch(0.45 0.09 220);   /* deep slate-blue */
  --on-accent: #FFFFFF;

  /* ── Interaction overlays ── */
  --hover-fill:   rgba(0, 0, 0, 0.05);
  --hover-fill-2: rgba(0, 0, 0, 0.08);
  --focus-ring:   color-mix(in oklab, var(--accent) 32%, transparent);
  --shadow-card:  0 1px 2px rgba(0,0,0,.04), 0 8px 24px -16px rgba(0,0,0,.18);

  /* ── Type ── */
  --serif: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --sans:  "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* ── Motion ── */
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.83, 0, .17, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease-soft:   cubic-bezier(.16, 1, .3, 1);

  --dur-xs: 220ms;
  --dur-s:  360ms;
  --dur-m:  620ms;
  --dur-l:  900ms;
  --dur-xl: 1400ms;

  --nav-height: 96px;

  color-scheme: light;
}

/* ── Dark surface ── */
html[data-theme="dark"] {
  --paper:    #0B0C0F;
  --paper-2:  #16181D;
  --ink:      #EDEBE4;
  --ink-2:    #A09C92;
  --rule:     rgba(255, 255, 255, 0.10);

  --accent:    oklch(0.68 0.13 50);
  --accent-2:  oklch(0.62 0.10 220);
  --on-accent: #FFFFFF;

  --hover-fill:   rgba(255, 255, 255, 0.06);
  --hover-fill-2: rgba(255, 255, 255, 0.10);
  --focus-ring:   color-mix(in oklab, var(--accent) 45%, transparent);
  --shadow-card:  0 1px 0 rgba(255,255,255,.04) inset, 0 12px 36px -20px rgba(0,0,0,.6);

  color-scheme: dark;
}