/* BPBH design tokens. Colours are the official ones from the Be Peace – Be Hope vector logo.
   Bright leaf colours are decoration only; each has a darker partner for text (WCAG AA on white). */
:root {
  --navy: #2d3079;          /* logo hands and trunk: primary (11.6:1 on white) */
  --navy-strong: #232660;
  --navy-soft: #eef0fa;
  --navy-line: #c3c8e2;
  --leaf: #6dba45;
  --leaf-text: #3b7a1f;     /* 5.3:1 */
  --leaf-soft: #edf6e7;
  --sky: #21afe5;
  --sky-text: #0b6a93;      /* 6.0:1 */
  --sky-soft: #e8f6fc;
  --sun: #f36d24;
  --sun-text: #a34e0b;      /* 5.8:1 */
  --sun-soft: #fdf1e6;
  --teal: #078c7e;          /* decoration only (4.15:1) */
  --danger: #b42318;
  --danger-soft: #fdecea;
  --focus: #c4661b;         /* keyboard focus ring, 4.0:1 on white */

  --page: #f5f6fb;
  --surface: #fff;
  --ink: #1b2140;
  --muted: #545b7a;         /* 6.6:1 */
  --line: #dde1ee;
  --line-soft: #eef0f6;

  --font-display: "Poppins", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --r-tight: 10px;          /* admin panels, tables, fields, buttons */
  --r-soft: 18px;           /* learner cards and hero */
  --shadow-sm: 0 1px 2px rgba(27, 33, 64, .05);
  --shadow-md: 0 1px 2px rgba(27, 33, 64, .06), 0 8px 24px rgba(27, 33, 64, .07);

  /* Bootstrap mapping: existing Bootstrap classes pick up the brand without overrides. */
  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--ink);
  --bs-body-color-rgb: 27, 33, 64;
  --bs-body-bg: var(--page);
  --bs-emphasis-color: var(--ink);
  --bs-secondary-color: var(--muted);
  --bs-border-color: var(--line);
  --bs-border-radius: var(--r-tight);
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: var(--r-soft);
  --bs-link-color: var(--navy);
  --bs-link-color-rgb: 45, 48, 121;
  --bs-link-hover-color: var(--navy-strong);
  --bs-link-hover-color-rgb: 35, 38, 96;
  --bs-primary: var(--navy);
  --bs-primary-rgb: 45, 48, 121;
  --bs-primary-text-emphasis: var(--navy-strong);
  --bs-primary-bg-subtle: var(--navy-soft);
  --bs-primary-border-subtle: var(--navy-line);
  --bs-success: var(--leaf-text);
  --bs-success-rgb: 59, 122, 31;
  --bs-success-text-emphasis: #2c5e16;
  --bs-success-bg-subtle: var(--leaf-soft);
  --bs-success-border-subtle: #cfe6c2;
  --bs-info: var(--sky-text);
  --bs-info-rgb: 11, 106, 147;
  --bs-info-text-emphasis: #0a5877;
  --bs-info-bg-subtle: var(--sky-soft);
  --bs-info-border-subtle: #c3e7f6;
  --bs-warning: var(--sun);
  --bs-warning-rgb: 243, 109, 36;
  --bs-warning-text-emphasis: #7f3d08;
  --bs-warning-bg-subtle: var(--sun-soft);
  --bs-warning-border-subtle: #f5d3b5;
  --bs-danger: var(--danger);
  --bs-danger-rgb: 180, 35, 24;
  --bs-danger-text-emphasis: #8a1b12;
  --bs-danger-bg-subtle: var(--danger-soft);
  --bs-danger-border-subtle: #f1c2bd;
  --bs-secondary-rgb: 84, 91, 122;
  --bs-light-rgb: 245, 246, 251;
  --bs-focus-ring-color: rgba(196, 102, 27, .35);
}