/*
 * Theme tokens: the clinic's colours, shared by the patient pages (patient.css)
 * and the staff pages (admin.css). A clinic can recolour them (Admin >
 * Settings > Patient pages); PatientTheme::Palette makes every one from its
 * eight colours and the page sets them after this file. These values are the
 * default theme.
 */

:root {
  --pt-bg: #f2f7f6;
  --pt-surface: #ffffff;
  --pt-surface-soft: #f7fbfa;
  --pt-surface-muted: #f1f5f4;
  --pt-ink: #0b2b2a;
  --pt-ink-rgb: 11 43 42;
  --pt-text: #24413f;
  --pt-muted: #5b7774;
  --pt-placeholder: #7d9894;
  --pt-line: #d9e8e5;
  --pt-line-strong: #b5d4cf;
  --pt-brand: #0f766e;
  --pt-brand-rgb: 15 118 110;
  /* Primary for words and icons on light backgrounds (darkened if too light to read). */
  --pt-brand-text: #0f766e;
  --pt-brand-strong: #0b5e58;
  --pt-brand-deep: #063b38;
  --pt-brand-deep-rgb: 6 59 56;
  --pt-brand-soft: #e3f3f1;
  --pt-brand-tint: #ecfaf7;
  --pt-brand-line: #bfe3dd;
  --pt-brand-hover: #cdebe7;
  /* Text on primary and secondary: the header and the patient's token. */
  --pt-on-brand: #ffffff;
  --pt-on-brand-rgb: 255 255 255;
  --pt-accent: #14b8a6;
  --pt-accent-rgb: 20 184 166;
  --pt-accent-light: #99f6e4;
  --pt-btn: #0f766e;
  --pt-btn-rgb: 15 118 110;
  --pt-btn-strong: #0b5e58;
  --pt-btn-deep: #094944;
  --pt-on-btn: #ffffff;
  --pt-on-btn-rgb: 255 255 255;

  /* The staff pages' sidebar: dark, in the clinic's deep colour. */
  --ad-sidebar: #063b38;
  --ad-sidebar-rgb: 6 59 56;
  --ad-sidebar-text: #f2f8f7;
  --ad-sidebar-muted: #bad4d2;
  --ad-sidebar-accent: #28d7c3;
}