/* ==========================================================================
   Design tokens - Editorial Burundi (2026)
   Shared by theme.css and dark-theme.css. Loaded first so both can read
   these custom properties.
   ========================================================================== */

:root {
  --brand-green: #1b7a45;
  --brand-green-strong: #146338;
  --brand-red: #c41e3a;
  --brand-red-soft: #e8c4cb;
  --brand-ink: #1a2420;
  --brand-ink-mid: #3d4a44;

  --surface-app: #f3f0e8;
  --surface-card: #fffcf7;
  --surface-muted: #ebe6db;
  --line-soft: #ddd6c8;
  --line: #cfc6b4;

  --ink-strong: #1a2420;
  --ink: #3d4a44;
  --ink-soft: #6b756f;

  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  --r-sm: 0.375rem;
  --r-md: 0.5rem;
  --r-lg: 0.75rem;
  --r-xl: 1rem;

  --shadow-sm: 0 1px 2px rgba(26, 36, 32, 0.06);
  --shadow-md: 0 2px 8px rgba(26, 36, 32, 0.07);
  --shadow-lg: 0 8px 24px rgba(26, 36, 32, 0.08);

  --ring: 0 0 0 3px rgba(27, 122, 69, 0.28);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Motion - see motion.css. One pace for the whole app, changed in one place. */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 620ms;
  --stagger: 70ms;
}

.dark {
  --surface-app: #121916;
  --surface-card: #1a221e;
  --surface-muted: #232c27;
  --line-soft: #2e3933;
  --line: #3a463f;

  --ink-strong: #f2f0ea;
  --ink: #d4d8d4;
  --ink-soft: #9aa39c;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 28px rgba(0, 0, 0, 0.45);

  --ring: 0 0 0 3px rgba(74, 180, 120, 0.35);
}