/* Hawkite design tokens.
   Palette is Hawkite's own (slate ink + warm amber accent) — NOT copied from
   mkp-protocols. Radii/shadow/spacing/motion scale mirrors the pattern in
   /Users/matthewbarram/projects/office-tools/mkp-protocols/src/index.js
   (~lines 104-180): same rounded-corner sizes, same shadow softness curve,
   same cubic-bezier(.22,1,.36,1) rise/hover motion, same rem spacing rhythm.
*/

:root {
  /* Colour — slate ink + warm amber accent */
  --bg: #fbfaf8;
  --ink: #1e2530;
  --heading: #1e2530;
  --accent: #92400e;
  --accent-dark: #78350f;
  --link: #92400e;
  --muted: #5b6472;
  --card: #ffffff;
  --line: #d5d9df;
  --panel: #f4f2ef;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-badge: 9px;

  /* Shadows (soft, ink-tinted — same curve as mkp-protocols, Hawkite's ink) */
  --shadow-xs: 0 1px 2px rgba(30, 37, 48, 0.06);
  --shadow-sm: 0 1px 3px rgba(30, 37, 48, 0.12);
  --shadow-md: 0 6px 16px rgba(30, 37, 48, 0.12);
  --shadow-lg: 0 8px 18px rgba(30, 37, 48, 0.18);
  --shadow-xl: 0 12px 28px rgba(30, 37, 48, 0.22);

  /* Spacing scale (rem) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Motion — same easing/duration vocabulary as mkp-protocols */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --motion-fast: 0.2s;
  --motion-base: 0.25s;
  --motion-slow: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}