/* BB Campus v8 — canonical design tokens. No lesson-local colour is required. */
:root {
  --bb-primary: #214b50;
  --bb-secondary: #5f7f7a;
  --bb-accent: #a58c53;
  --bb-deep: #13363b;
  --bb-canvas: #f7f5f1;
  --bb-paper: #fffdf9;
  --bb-surface: #ffffff;
  --bb-surface-raised: #ffffff;
  --bb-surface-strong: #18353a;
  --bb-text: #263137;
  --bb-text-muted: #657078;
  --bb-line: #dfe3e2;
  --bb-line-strong: #c9cfcd;
  --bb-radius-s: 10px;
  --bb-radius-m: 16px;
  --bb-radius-l: 24px;
  --bb-radius-xl: 32px;
  --bb-shadow-1: 0 8px 22px rgb(26 37 39 / .06);
  --bb-shadow-2: 0 18px 48px rgb(26 37 39 / .09);
  --bb-shadow-3: 0 28px 72px rgb(26 37 39 / .13);
  --bb-space-1: .4rem;
  --bb-space-2: .7rem;
  --bb-space-3: 1rem;
  --bb-space-4: 1.35rem;
  --bb-space-5: 1.8rem;
  --bb-space-6: 2.4rem;
  --bb-space-7: 3.2rem;
  --bb-reading: 76ch;
  --bb-wide: 1120px;
  --bb-concept: var(--bb-primary);
  --bb-activity: var(--bb-accent);
  --bb-case: var(--bb-secondary);
  --bb-resource: var(--bb-primary);
  --bb-clinical: #9a5b3f;
  --bb-warning: #a07034;
  --bb-document: #6b7074;
}

body.bb-course-at-escolar {
  --bb-primary: #4f5f78; --bb-secondary: #78859a; --bb-accent: #b58a55; --bb-deep: #344158;
}
body.bb-course-urgencias {
  --bb-primary: #214b50; --bb-secondary: #5f7f7a; --bb-accent: #a58c53; --bb-deep: #13363b;
}
body.bb-course-autismo {
  --bb-primary: #303735; --bb-secondary: #7a806e; --bb-accent: #c69b75; --bb-deep: #232826;
}
body.bb-course-familias {
  --bb-primary: #6a3f47; --bb-secondary: #b66a55; --bb-accent: #c8a45b; --bb-deep: #4a2c32;
}
body.bb-course-tca {
  --bb-primary: #65566f; --bb-secondary: #8b7797; --bb-accent: #a9875d; --bb-deep: #463c4e;
}
body.bb-course-psicosis {
  --bb-primary: #5a3040; --bb-secondary: #b86f4e; --bb-accent: #a58c53; --bb-deep: #3d202b;
}

body.bb-campus-unified-v8 {
  --bb-primary-soft: color-mix(in srgb, var(--bb-primary) 10%, white);
  --bb-primary-soft-2: color-mix(in srgb, var(--bb-primary) 5%, white);
  --bb-secondary-soft: color-mix(in srgb, var(--bb-secondary) 12%, white);
  --bb-accent-soft: color-mix(in srgb, var(--bb-accent) 15%, white);
  --bb-clinical-soft: color-mix(in srgb, var(--bb-clinical) 10%, white);
  --bb-warning-soft: color-mix(in srgb, var(--bb-warning) 11%, white);
  --bb-document-soft: color-mix(in srgb, var(--bb-document) 7%, white);
  --bb-focus: color-mix(in srgb, var(--bb-accent) 82%, black 8%);
}