/* ============================================================
   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);

  /* App font stack — the same one every page declares on <body>. Kept here
     so shared control styling below has a single source of truth. */
  --font-body: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont,
               "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ------------------------------------------------------------------
   Native form controls (and their dropdown option lists) do NOT
   inherit the page font by default — browsers render them in the OS
   default face, which is why a <select> and its menu looked like a
   different font than the rest of the app. Force the app font stack
   on every control and every <option>/<optgroup> so dropdowns match
   the surrounding UI everywhere. Family only — each control keeps its
   own size/weight from its existing inline/class styles.
   (Note: iOS renders <select> as a native wheel picker whose font the
   OS controls; this fixes the on-page control and, on platforms that
   honor it, the open option list too.)
   ------------------------------------------------------------------ */
select,
option,
optgroup,
input,
textarea,
button {
  font-family: var(--font-body);
}
