/* ── Orthodontic Partners — Shared Design Tokens ─────────────────────────────
 * Source of truth for the OP design system.
 * Import this FIRST in every dashboard's stylesheet.
 *
 * --navy and --cyan are the two brand variables overridden per-practice by
 * applyPracticeTheme() in shared/js/themes.js. All other tokens are global.
 * ─────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Brand palette ── */
  --navy:        #00395A;   /* header, primary buttons, strong accents */
  --cyan:        #00B3D8;   /* accent borders, focus rings, progress fills */
  --white:       #FFFFFF;

  /* ── Neutrals ── */
  --gray-lt:     #E6E6E6;
  --gray-md:     #919295;
  --bg:          #F4F6F7;
  --surface:     #FFFFFF;
  --text:        #1a1a1a;
  --text-muted:  #919295;
  --border:      #E6E6E6;

  /* ── Semantic ── */
  --green-bg:    #ECFDF5;
  --green-txt:   #065f46;
  --red-bg:      #FEF2F2;
  --red-txt:     #991b1b;
  --yellow-bg:   #FFFBEB;
  --yellow-txt:  #92400e;

  /* ── Spacing scale ── */
  --space-xs:    4px;
  --space-sm:    8px;
  --space-md:    16px;
  --space-lg:    24px;
  --space-xl:    40px;

  /* ── Border radii ── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;

  /* ── Shadows ── */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:   0 12px 40px rgba(0,57,90,0.18);

  /* ── Typography ── */
  --font-sans:   system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   14px;
  --text-lg:     16px;
  --text-xl:     20px;
  --text-2xl:    24px;
}