/* ==========================================================================
   22 Remote Patient Monitoring — brand tokens
   --------------------------------------------------------------------------
   SOURCE OF TRUTH: repo 22rpm/rpm-dashboard-v1.0
     - tailwind.config.js  -> theme.extend.colors
     - src/index.css       -> @theme block (identical values)
   Both files agree exactly; the values below are copied verbatim.

   This file is consumed by the marketing site and is intended to be adopted
   by /bp-guide/ so both surfaces share one palette.
   ========================================================================== */

:root {
  /* ---- Core palette (verbatim from the dashboard) ---- */
  --brand-primary: #013550;
  --brand-accent: #00b6c6;
  --brand-dark-grey: #2f2f2f;
  --brand-light-grey: #dcdcdc;
  --brand-off-white: #efefef;
  --brand-black: #000000;

  /* ---- Dark-surface tokens (dashboard dark mode; kept for parity) ---- */
  --brand-dark-bg: #0a0f12;
  --brand-dark-inner: #1a2226;
  --brand-dark-text: #ffffff;
  --brand-light-bg: #ffffff;

  /* ---- Logo ink, sampled from the artwork ----
     NOTE: the logo PNG is NOT drawn in the palette colours above. These are
     recorded for reference only; per decision 2026-08-22 the palette tokens
     are authoritative for all site chrome and the logo stands as its own
     artifact. Do not use these for UI. */
  --logo-ink-dark: #014e68;
  --logo-ink-light: #4192b0;

  /* ---- Derived tints of --brand-primary (mixed with white) ---- */
  --brand-primary-900: #012638;
  --brand-primary-700: #013550;
  --brand-primary-500: #1c5470;
  --brand-primary-200: #cfdde5;
  --brand-primary-100: #e7eef2;

  /* ---- Semantic roles ----
     Measured contrast (WCAG 2.1 relative luminance), on --surface #ffffff:
       --text            #1c2b33  14.56:1  AAA all sizes
       --text-muted      #4a5b66   7.05:1  AAA all sizes
       --brand-primary   #013550  12.91:1  AAA all sizes
     On --surface-sunken #efefef: text 12.66:1, muted 6.13:1 (AA), primary 11.23:1.
     On --surface-inverse #013550: white 12.91:1, --text-on-inverse-muted 7.70:1,
       --brand-accent 5.23:1 (AA normal, AAA large) — accent IS legible as text
       here, and only here.

     --brand-accent (#00b6c6) is 2.47:1 on white: it MUST NOT carry text on a
     light surface, and cannot serve as a focus indicator there either
     (WCAG 1.4.11 requires 3:1). On light surfaces it is limited to rules,
     icon strokes and diagram accents that are never the sole carrier of
     meaning. */
  --surface: #ffffff;
  --surface-sunken: var(--brand-off-white);
  --surface-inverse: var(--brand-primary);
  --border: var(--brand-light-grey);
  --border-strong: #b9c4cb;
  --text: #1c2b33;
  --text-muted: #4a5b66;
  --text-inverse: #ffffff;
  --text-on-inverse-muted: #b7cbd6; /* 7.70:1 on --brand-primary */

  /* Focus indicators. --focus-ring is 12.91:1 on white and 8.23:1 on offWhite,
     clearing 1.4.11 on both; --focus-ring-inverse is for dark sections. */
  --focus-ring: var(--brand-primary);
  --focus-ring-inverse: #ffffff;

  /* ---- Typography: single system stack, no webfont, no network request ----
     The dashboard's tailwind.config.js declares "Product Sans", which is
     proprietary to Google and not licensable for this site; the app actually
     renders Roboto. Neither is used here. */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  /* ---- Spacing scale ---- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ---- Measure & radii ---- */
  --measure: 42rem;
  --container: 68rem;
  --radius-sm: 3px;
  --radius-md: 6px;
}