/* Theme 2 (OCIO, request 1104-T2): cloned from theme-1/colors.css on 2026-11-04, then restyled inside the
   EdUHK brand rules (docs/theme-1-colors.md). Same green action colour and orange accent; warmer page,
   borderless white cards, orange used only for bars, rules and the pale highlight tint.
   Scoped to data-direction=two so it can sit beside Theme 1 without changing it. */
:root[data-direction=two] {
  --edu-brand-primary: #006437;
  --edu-brand-accent: #F06423;
  --edu-action-primary: #006437;
  --edu-action-primary-hover: #00562F;
  --edu-action-primary-active: #004A29;
  --edu-on-primary: #FFFFFF;
  --edu-link: #006437;
  --edu-primary-subtle: #F0F6F3;
  --edu-on-primary-subtle: #006437;
  --edu-accent-subtle: #FEF3ED;
  --edu-on-accent-subtle: #BC4F1B;
  --edu-on-accent: #000000;
  --edu-surface: #FFFFFF;
  --edu-surface-muted: #F5F4F0;   /* warm off-white page background */
  --edu-text: #202723;
  --edu-text-muted: #5C5F5B;
  --edu-border: #E3E1DB;          /* dividers only: cards have no border in Theme 2 */
  --edu-border-control: #78877D;  /* 3.43:1 on #F5F4F0, 3.78:1 on white */
  --edu-focus-ring: #006437;
  --edu-accent-tint: #FDE8DC;     /* key-point highlight and notice background; text on it stays #202723 */
  --edu-success: #237A46;
  --edu-success-surface: #EEF7F0;
  --edu-warning: #8A5700;
  --edu-warning-surface: #FFF6E5;
  --edu-error: #B42318;
  --edu-error-surface: #FEF1F0;
  --edu-info: #235D9F;
  --edu-info-surface: #EFF5FC;
}