/* ============================================================
   COHEN FAMILY ESTATE — shared design tokens
   Single source of truth for the values that were already
   byte-identical across every page (login/staff/managers/
   principals/admin) before this file existed — pulled out of five
   separate <style> blocks per SECURITY-CHECKLIST.md's sibling
   architecture-snapshot note about drift risk.

   NOT included here on purpose: --line vs --line-soft (naming
   differs across pages), --radius-field (14px on principals.html,
   16px on login.html — page-specific input styling), and the
   shadow tokens themselves — every page now uses the SAME modern
   flat Apple-style shadow values (unified July 2026) but they're
   still declared in each page's own :root because a couple of
   pages also define a page-specific shadow variant alongside them
   (e.g. --shadow-pill-raised uses different accent tinting).
   Keeping them declared per-page makes those small variations
   local and reviewable rather than distributed across files.
   ============================================================ */
:root {
  --ink: #1d1d1f;
  --ink-soft: #6e6e73;
  --ink-softer: #86868b;

  --surface: #ECEFF3;
  --surface-2: #F4F6F9;
  --surface-3: #E2E6EC;
  --panel: #FFFFFF;

  --accent: #0066CC;
  --accent-hi: #0077ED;
  --accent-deep: #0053B3;
  --accent-soft: #E8F1FD;
  --warn: #424245;

  --radius-pill: 980px;

  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}