/*
 * ShiftMed design tokens (SPEC.md 5.1). This is the only file that defines colors, and it uses
 * only the brand palette in SPEC.md section 0. Everything else uses var(--sm-...).
 * tests/unit/palette.test.ts and tests/unit/contrast.test.ts enforce both rules.
 */
:root {
  --sm-purple: #7200a0; /* primary: links, buttons, logo, dark sections, footer */
  --sm-teal: #76d5d4; /* accents and highlights, never body text on white */
  --sm-charcoal: #403333; /* headings and body text */
  --sm-coral: #ff5670;
  --sm-orange: #ffb81c;
  --sm-lime: #d2db0e;
  --sm-gray-light: #e9e7e5; /* soft section backgrounds, borders */
  --sm-white: #ffffff;

  /* Type */
  --sm-font-head:
    "Barlow Semi Condensed", "Arial Narrow", sans-serif; /* headlines, pull quotes, stat figures */
  --sm-font-body: "Poppins", Arial, sans-serif; /* body, buttons, captions, subheads */

  /* Shape */
  --sm-radius-card: 20px;
  --sm-radius-pill: 2rem;
  --sm-radius-sm: 8px;
}