/* ===== DESIGN TOKENS ===== */
:root {
  /* Neutrals */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --line: #e5e7eb;
  --line-strong: #d1d5db;
  --text: #152039;
  --text-2: #334155;
  --mute: #64748b;
  --faint: #94a3b8;

  /* Brand: Bookni blue from the pitch deck */
  --brand: #0048E8;
  --brand-hover: #003BC4;
  --brand-soft: #E8EFFE;
  --brand-soft-line: #C5D5FB;
  --brand-ring: rgba(0, 72, 232, .2);

  /* Accent: Bookni yellow. Use sparingly and ONLY as a surface with
     --accent-text on it (yellow text/lines on white is 1.3:1). */
  --accent: #FFE34F;
  --accent-text: #152039;

  /* Dark brand surface (login side panel) */
  --ink: #152039;
  --ink-text: #E8EFFE;
  --ink-mute: #AFBEDD;
  --ink-faint: #8E9CBD;
  --ink-brand: #7FA2F5;

  /* Status */
  --good: #15803d;
  --good-soft: #e8f6ec;
  --warn: #b45309;
  --warn-soft: #fef3e2;
  --bad: #b91c1c;
  --bad-soft: #fdecec;
  --info-soft: #eef2ff;

  /* Shape */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, 0.18);

  --sidebar-w: 248px;
  --font-logo: 'Lilita One', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}