/* vem-design 0.2.2 - generated from tokens/tokens.json by scripts/build.py; do not edit */
:root {
  --vem-teal-50: #F1F9F8;
  --vem-teal-100: #DEF2EF;
  --vem-teal-200: #BDE5DF;
  --vem-teal-300: #86D4C9;
  --vem-teal-400: #45C4B2;
  --vem-teal-500: #0DB59D;
  --vem-teal-600: #0A8F7C;
  --vem-teal-700: #087263;
  --vem-teal-800: #065B4F;
  --vem-teal-900: #05483E;
  --vem-teal-950: #033029;
  --vem-brand-vem: #FF007F;
  --vem-brand-com: #00F5D4;
  --vem-brand-com-text: #0A8F7C;
  --vem-brand-net: #4E60FF;
  --vem-brand-net-text: #3345D9;
  --vem-font-display: "Vem Display", "Instrument Serif", Georgia, serif;
  --vem-font-sans: "Vem Sans", "Instrument Sans", ui-sans-serif, system-ui, Helvetica, Arial, sans-serif;
  --vem-font-mono: "Vem Mono", "IBM Plex Mono", ui-monospace, monospace;
  --vem-radius-sm: 4px;
  --vem-radius-md: 8px;
  --vem-radius-lg: 12px;
  --vem-radius-pill: 999px;
  --vem-shadow-sm: 0 1px 2px rgba(20,17,15,.06);
  --vem-shadow-md: 0 4px 12px rgba(20,17,15,.08);
  --vem-word-spacing: 0.06em;
  --vem-ground: #F7F5F1;
  --vem-surface: #FFFDF9;
  --vem-subtle: #F2EFE9;
  --vem-line: #E2DED6;
  --vem-line-strong: #D8D3CA;
  --vem-text: #14110F;
  --vem-text-2: #47423D;
  --vem-muted: #6E6862;
  --vem-primary: #087263;
  --vem-primary-hover: #065B4F;
  --vem-on-primary: #FFFFFF;
  --vem-primary-soft: #F1F9F8;
  --vem-on-primary-soft: #065B4F;
  --vem-accent: #0A8F7C;
  --vem-success: #1F6B3A;
  --vem-success-soft: #E7F4EC;
  --vem-warning: #8A4B00;
  --vem-warning-soft: #FBF0E1;
  --vem-danger: #B42318;
  --vem-danger-soft: #FCEBEA;
  --vem-info: #3345D9;
  --vem-info-soft: #ECEEFF;
  --vem-focus: #3345D9;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    --vem-ground: #151210;
    --vem-surface: #1E1A17;
    --vem-subtle: #2A2521;
    --vem-line: #3A342E;
    --vem-line-strong: #4A433C;
    --vem-text: #F2EFE9;
    --vem-text-2: #D8D3CA;
    --vem-muted: #A9A29A;
    --vem-primary: #0DB59D;
    --vem-primary-hover: #45C4B2;
    --vem-on-primary: #14110F;
    --vem-primary-soft: #033029;
    --vem-on-primary-soft: #BDE5DF;
    --vem-accent: #0DB59D;
    --vem-success: #6FD49A;
    --vem-success-soft: #13281C;
    --vem-warning: #F2B86B;
    --vem-warning-soft: #2E2110;
    --vem-danger: #F59A92;
    --vem-danger-soft: #3A1714;
    --vem-info: #9AA6FF;
    --vem-info-soft: #1A1E3D;
    --vem-focus: #9AA6FF;
  }
}
.dark, [data-theme="dark"] {
  --vem-ground: #151210;
  --vem-surface: #1E1A17;
  --vem-subtle: #2A2521;
  --vem-line: #3A342E;
  --vem-line-strong: #4A433C;
  --vem-text: #F2EFE9;
  --vem-text-2: #D8D3CA;
  --vem-muted: #A9A29A;
  --vem-primary: #0DB59D;
  --vem-primary-hover: #45C4B2;
  --vem-on-primary: #14110F;
  --vem-primary-soft: #033029;
  --vem-on-primary-soft: #BDE5DF;
  --vem-accent: #0DB59D;
  --vem-success: #6FD49A;
  --vem-success-soft: #13281C;
  --vem-warning: #F2B86B;
  --vem-warning-soft: #2E2110;
  --vem-danger: #F59A92;
  --vem-danger-soft: #3A1714;
  --vem-info: #9AA6FF;
  --vem-info-soft: #1A1E3D;
  --vem-focus: #9AA6FF;
}
/* Tenant theme: a product sets these from the institution's colours,
   checked for contrast first; everything else follows the roles above. */
[data-tenant-theme] {
  --vem-primary: var(--vem-tenant-primary, var(--vem-teal-700));
  --vem-primary-hover: var(--vem-tenant-primary-hover, var(--vem-teal-800));
  --vem-on-primary: var(--vem-tenant-on-primary, #FFFFFF);
}