/* Platform default design tokens -- deliberately NOBODY'S BRAND.

   A client that has not supplied clients/<slug>/static/brand-theme.css renders
   in this neutral slate. It used to render in Great Falls Physical Therapy's
   greens and gold, because this codebase began as GFPT's app and its palette
   was left here as the default. That is how several portals ended up wearing
   another clinic's colours.

   These greys are chosen to look UNFINISHED rather than to look like someone.
   If a portal appears in this palette, that client still needs its own tokens.
   The names are historical (--green-800, --sage-100, --gold) and now simply
   mean "primary", "tint" and "accent".

   Copy this file to clients/<slug>/static/brand-theme.css and change the
   values. Nothing else needs to be touched to re-theme an entire portal. */

:root {
  color-scheme: light;

  --ink: #1f2933;
  --ink-rgb: 31, 41, 51;
  --text: #313d48;
  --text-rgb: 49, 61, 72;
  --muted: #6b7683;

  --green-900: #263340;
  --green-900-rgb: 38, 51, 64;
  --green-800: #37485a;
  --green-800-rgb: 55, 72, 90;
  --green-700: #5b7186;
  --green-700-rgb: 91, 113, 134;

  --sage-100: #f1f3f5;
  --sage-100-rgb: 241, 243, 245;
  --sage-200: #e3e7eb;
  --sage-200-rgb: 227, 231, 235;
  --sage-300: #c9d1d9;

  --gold: #8a94a1;
  --gold-rgb: 138, 148, 161;

  --cream: #f7f8f9;
  --cream-rgb: 247, 248, 249;
  --paper: #ffffff;
  --paper-rgb: 255, 255, 255;
  --white: #ffffff;

  --line: rgba(31, 41, 51, 0.14);
  --line-strong: rgba(31, 41, 51, 0.26);

  --sidebar: #263340;
  --sidebar-soft: #37485a;

  --teal: #5b7186;
  --blue: #4a6b8a;
  --coral: #a3695f;
  --amber: #9a8a5f;
  --green: #5f7f6a;

  --chart-1: #37485a;
  --chart-2: #5b7186;
  --chart-3: #8a94a1;
  --chart-4: #4a6b8a;
  --chart-5: #5f7f6a;
  --chart-6: #a3695f;
  --chart-grid: rgba(31, 41, 51, 0.12);
  --chart-text: #6b7683;

  --shadow: 0 18px 44px rgba(31, 41, 51, 0.1);
  --soft-shadow: 0 1px 2px rgba(31, 41, 51, 0.06);
}

html[data-theme="dark"] {
  color-scheme: dark;

  --ink: #eef1f4;
  --ink-rgb: 238, 241, 244;
  --text: #d3dae1;
  --text-rgb: 211, 218, 225;
  --muted: #9aa6b2;

  --green-900: #10161c;
  --green-900-rgb: 16, 22, 28;
  --green-800: #23303c;
  --green-800-rgb: 35, 48, 60;
  --green-700: #93a5b6;
  --green-700-rgb: 147, 165, 182;

  --sage-100: #161e26;
  --sage-100-rgb: 22, 30, 38;
  --sage-200: #1e2831;
  --sage-200-rgb: 30, 40, 49;
  --sage-300: #34434f;

  --gold: #a9b4c0;
  --gold-rgb: 169, 180, 192;

  --cream: #10161c;
  --cream-rgb: 16, 22, 28;
  --paper: #161e26;
  --paper-rgb: 22, 30, 38;
  --white: #ffffff;

  --line: rgba(238, 241, 244, 0.14);
  --line-strong: rgba(238, 241, 244, 0.28);

  --sidebar: #10161c;
  --sidebar-soft: #1e2831;

  --teal: #93a5b6;
  --blue: #8fa9c0;
  --coral: #c08f86;
  --amber: #bcae86;
  --green: #8fae9a;

  --chart-1: #93a5b6;
  --chart-2: #8fae9a;
  --chart-3: #a9b4c0;
  --chart-4: #8fa9c0;
  --chart-5: #bcae86;
  --chart-6: #c08f86;
  --chart-grid: rgba(238, 241, 244, 0.12);
  --chart-text: #9aa6b2;

  --shadow: 0 18px 44px rgba(0, 0, 0, 0.45);
  --soft-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}