/* ── 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:        #1e2530;   /* header, primary buttons, strong accents */
  --cyan:        #0e9fb3;   /* accent borders, focus rings, progress fills */
  --white:       #FFFFFF;

  /* ── Neutrals ── */
  --gray-lt:     #e5e7eb;
  --gray-md:     #7a818c;
  --bg:          #fafafa;
  --surface:     #FFFFFF;
  --text:        #202124;
  --text-muted:  #7a818c;
  --border:      #e5e7eb;

  /* ── 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:   6px;
  --radius-md:   8px;
  --radius-lg:   14px;

  /* ── Shadows ── */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:   0 12px 40px rgba(15,23,42,0.12);

  /* ── Typography ── */
  --font-sans:   "DM 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;
}