/* ============================================================
   PETROLI DIGITAL — DESIGN TOKENS
   v01 · mono terminal
   ============================================================ */

:root,
[data-theme="dark"] {
  /* surfaces */
  --bg-canvas:   #0a0a0a;
  --bg-surface:  #111111;
  --bg-elevated: #181818;
  --bg-hover:    #1f1f1f;
  --bg-active:   #262626;

  /* lines */
  --line:         #1f1f1f;
  --line-strong:  #2a2a2a;
  --line-focus:   var(--lime);

  /* ink */
  --ink:         #f5f5f5;
  --ink-strong:  #ffffff;
  --ink-muted:   #a3a3a3;
  --ink-dim:     #6b6b6b;
  --ink-faint:   #404040;

  /* on-accent (text color when sitting on lime) */
  --on-accent: #0a0a0a;

  /* shadow on dark = subtle border glow only */
  --shadow-sm: 0 1px 0 rgba(255,255,255,0.02), 0 0 0 1px rgba(255,255,255,0.03);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05);
  --shadow-pop: 0 8px 28px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
}

[data-theme="light"] {
  --bg-canvas:   #fafaf7;
  --bg-surface:  #ffffff;
  --bg-elevated: #ffffff;
  --bg-hover:    #f4f4f0;
  --bg-active:   #ebebe6;

  --line:         #e8e6df;
  --line-strong:  #d6d4cc;
  --line-focus:   #5a7820;

  --ink:         #0a0a0a;
  --ink-strong:  #000000;
  --ink-muted:   #525252;
  --ink-dim:     #8a8a82;
  --ink-faint:   #b8b6ad;

  --on-accent: #0a0a0a;

  --shadow-sm: 0 1px 2px rgba(20,20,15,0.04);
  --shadow-md: 0 2px 8px rgba(20,20,15,0.06), 0 0 0 1px rgba(20,20,15,0.04);
  --shadow-lg: 0 12px 32px rgba(20,20,15,0.08), 0 0 0 1px rgba(20,20,15,0.04);
  --shadow-pop: 0 8px 24px rgba(20,20,15,0.10), 0 0 0 1px rgba(20,20,15,0.06);
}

:root {
  /* accent — same both modes */
  --lime:         #c4f542;
  --lime-bright:  #d6ff5e;
  --lime-dim:     #9bc233;
  --lime-deep:    #5a7820;
  --lime-soft:    rgba(196, 245, 66, 0.12);

  /* status */
  --success: #4ade80;
  --warning: #ff8c42;
  --danger:  #ef4444;
  --info:    #60a5fa;

  /* type */
  --font-sans: 'Geist', system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, "SF Mono", Menlo, monospace;

  --fs-xs:  11px;
  --fs-sm:  12px;
  --fs-base:13px;
  --fs-md:  14px;
  --fs-lg:  16px;
  --fs-xl:  18px;
  --fs-2xl: 22px;
  --fs-3xl: 28px;
  --fs-4xl: 36px;
  --fs-5xl: 48px;
  --fs-6xl: 64px;
  --fs-display: 96px;

  --lh-tight:  1.1;
  --lh-snug:   1.3;
  --lh-normal: 1.5;
  --lh-loose:  1.7;

  --tracking-tight:  -0.025em;
  --tracking-normal: 0;
  --tracking-wide:   0.05em;
  --tracking-wider:  0.12em;
  --tracking-widest: 0.2em;

  /* spacing — 4px grid */
  --sp-0: 0;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* radius */
  --r-0: 0;
  --r-1: 4px;
  --r-2: 6px;
  --r-3: 8px;
  --r-4: 12px;
  --r-5: 16px;
  --r-full: 9999px;

  /* sidebar width */
  --sidebar-w: 240px;

  /* easing */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}