/* ==========================================================================
   Knowledge Pulp — Design Tokens
   Source of truth for colors, type, spacing, radius, shadows, motion.
   ========================================================================== */

:root {
  /* Color */
  --kp-accent: #4361EE;
  --kp-accent-bg: #ECF0FF;
  --kp-accent-soft: #c8d4ff;
  --kp-black: #0a0a0a;
  --kp-text-primary: #0a0a0a;
  --kp-text-secondary: #555555;
  --kp-text-tertiary: #666666;
  --kp-text-muted: #aaaaaa;
  --kp-text-faint: #bbbbbb;
  --kp-border: #ebebeb;
  --kp-border-soft: #f2f2f2;
  --kp-surface: #fafafa;
  --kp-surface-card: #ffffff;
  --kp-surface-subtle: #f4f4f4;
  --kp-surface-trust: #f8f8fb;
  --kp-footer-bg: #0a0a0a;
  --kp-footer-border: #1a1a1a;
  --kp-footer-text: #555555;
  --kp-footer-heading: #333333;

  /* Avatar accents (author identity colors) */
  --kp-avatar-1: #4361EE;
  --kp-avatar-2: #2B4BE0;
  --kp-avatar-3: #0E2FA8;

  /* Typography */
  --kp-font-display: 'Playfair Display', Georgia, serif;
  --kp-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing */
  --kp-page-max: 1280px;
  --kp-page-pad: 48px;
  --kp-page-pad-mobile: 20px;
  --kp-section-pad: 64px;
  --kp-card-gap: 24px;
  --kp-sidebar-width: 300px;
  --kp-hero-gap: 56px;

  /* Radius */
  --kp-radius-card: 8px;
  --kp-radius-btn: 6px;
  --kp-radius-pill: 4px;
  --kp-radius-lg: 12px;

  /* Shadow */
  --kp-shadow-hover: 0 6px 24px rgba(0, 0, 0, .09);
  --kp-shadow-card: 0 4px 24px rgba(0, 0, 0, .12);

  /* Motion */
  --kp-ease: ease;
  --kp-duration-page-in: 350ms;
  --kp-duration-page-out: 280ms;
  --kp-duration-hover: 180ms;
}