/* Shared brand color tokens: mirrored from the portal homepage palette. */
:root{
  color-scheme:dark;
  --bg:#061118;--bg2:#0a1821;--surface:rgba(13,29,39,.76);--surface-solid:#0f202b;
  --surface-strong:rgba(8,22,30,.93);--surface-soft:rgba(255,255,255,.045);
  --text:#f6fbfc;--muted:#9eb3bd;--line:rgba(255,255,255,.115);

  /* Brand accents: 50% primary / 25% secondary / 25% decorative */
  --accent-1:#01ddf9;--accent-1-strong:#00b8e8;--accent-1-soft:rgba(1,221,249,.14);
  --accent-2:#008ae9;--accent-2-strong:#006dca;--accent-2-soft:rgba(0,138,233,.13);
  --accent-3:#02184e;--accent-3-strong:#01113b;--accent-3-soft:rgba(2,24,78,.18);

  /* Backward-compatible aliases for existing components */
  --accent:var(--accent-1);--accent-strong:var(--accent-1-strong);--accent-soft:var(--accent-1-soft);
  --accent-ink:#031c25;--glow:color-mix(in srgb,var(--accent-1) 30%,transparent);--violet:var(--accent-2-soft);

  --shadow:0 24px 80px rgba(0,0,0,.34);--shadow-soft:0 16px 44px rgba(0,0,0,.2);
  --input-bg:rgba(255,255,255,.055);--chip-text:#dcebed;--map-filter:brightness(.78) saturate(.82) contrast(1.08);
  --wrap:1440px;
}

body.is-mermaid{
  --accent-1:#00e1f0;--accent-1-strong:#01b6dc;--accent-1-soft:rgba(0,225,240,.14);
  --accent-2:#004fa1;--accent-2-strong:#042471;--accent-2-soft:rgba(0,79,161,.14);
  --accent-3:#ddbe88;--accent-3-strong:#b88f52;--accent-3-soft:rgba(221,190,136,.13);
  --accent-ink:#031f28;
}

body.is-diving{
  --accent-1:#01ddf9;--accent-1-strong:#01b7f3;--accent-1-soft:rgba(1,221,249,.14);
  --accent-2:#008ae9;--accent-2-strong:#125cb6;--accent-2-soft:rgba(0,138,233,.14);
  --accent-3:#02184e;--accent-3-strong:#023fa2;--accent-3-soft:rgba(2,24,78,.18);
  --accent-ink:#031c25;
}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4fafc;--bg2:#eaf5f8;--surface:rgba(255,255,255,.84);--surface-solid:#ffffff;
  --surface-strong:rgba(255,255,255,.97);--surface-soft:rgba(10,59,82,.045);
  --text:#10272d;--muted:#5f7880;--line:rgba(18,73,82,.14);
  --shadow:0 24px 70px rgba(38,90,96,.13);--shadow-soft:0 14px 36px rgba(38,90,96,.09);
  --input-bg:rgba(13,72,80,.055);--chip-text:#274c54;--map-filter:none;
}

:root[data-theme="light"] body.is-mermaid{
  --accent-1:#008995;--accent-1-strong:#00717d;--accent-1-soft:rgba(0,137,149,.10);
  --accent-2:#2458a7;--accent-2-strong:#193f86;--accent-2-soft:rgba(36,88,167,.085);
  --accent-3:#9b6a28;--accent-3-strong:#7d501b;--accent-3-soft:rgba(155,106,40,.08);
  --accent-ink:#ffffff;
}

:root[data-theme="light"] body.is-diving{
  --accent-1:#007f91;--accent-1-strong:#006b7c;--accent-1-soft:rgba(0,127,145,.10);
  --accent-2:#1763c6;--accent-2-strong:#0b4fa9;--accent-2-soft:rgba(23,99,198,.085);
  --accent-3:#173a78;--accent-3-strong:#102b5d;--accent-3-soft:rgba(23,58,120,.075);
  --accent-ink:#ffffff;
}

/* Keep older training components compatible with the portal variables. */
:root{--surface2:var(--surface-soft)}
:root[data-theme='light']{--surface2:var(--surface-soft)}

/* The course template previously assigned --accent directly to body.
   Restore the same alias as the homepage in every brand and theme. */
body.is-mermaid,body.is-diving{
 --accent:var(--accent-1);--accent-strong:var(--accent-1-strong);
 --accent-soft:var(--accent-1-soft);--glow:color-mix(in srgb,var(--accent-1) 30%,transparent);
}
:root[data-theme="light"] body.is-mermaid,
:root[data-theme="light"] body.is-diving{
 --bg:#f4fafc;--bg2:#eaf5f8;--surface:rgba(255,255,255,.84);
 --surface-solid:#ffffff;--surface-strong:rgba(255,255,255,.97);
 --surface-soft:rgba(10,59,82,.045);
 --surface2:var(--surface-soft);--text:#10272d;--muted:#5f7880;
 --line:rgba(18,73,82,.14);
 --accent:var(--accent-1);--accent-strong:var(--accent-1-strong);
 --accent-soft:var(--accent-1-soft);--glow:color-mix(in srgb,var(--accent-1) 30%,transparent);
}