/* coachroom.ai preview colour system, approved in TASK.md, 30 October 2026. */
:root {
  --cr-midnight: #02070A;
  --cr-midnight-2: #0B1318;
  --cr-midnight-3: #15212A;
  --cr-white: #FFFFFF;
  --cr-blue-50: #EBF7FC;
  --cr-blue-100: #D1ECF9;
  --cr-blue-200: #A4DAF3;
  --cr-blue-300: #71C5ED;
  --cr-blue-400: #3AAEE5;
  --cr-blue-500: #0297DE;
  --cr-blue-600: #027DB8;
  --cr-blue-700: #026392;
  --cr-blue-800: #02496C;
  --cr-blue-900: #022F45;
  --cr-electric-blue: var(--cr-blue-500);
  --cr-orange-50: #0297DE;
  --cr-orange-100: #0297DE;
  --cr-orange-200: #0297DE;
  --cr-orange-300: #0297DE;
  --cr-orange-400: #0297DE;
  --cr-orange-500: #0297DE;
  --cr-orange-600: #016FA3;
  --cr-orange-700: #016FA3;
  --cr-orange-800: #016FA3;
  --cr-orange-900: #016FA3;
  --cr-orange: #0297DE;
  --cr-neutral-0: #FFFFFF;
  --cr-neutral-50: #F5F7F8;
  --cr-neutral-100: #E8ECEE;
  --cr-neutral-200: #D2D8DC;
  --cr-neutral-300: #AEB7BD;
  --cr-neutral-400: #7F8A91;
  --cr-neutral-500: #5A656C;
  --cr-neutral-600: #424C53;
  --cr-neutral-700: #2C353B;
  --cr-neutral-800: #151D22;
  --cr-neutral-900: #0A1115;


  --cr-bg: var(--cr-white); --cr-surface: var(--cr-neutral-50); --cr-border: var(--cr-neutral-200);
  --cr-text: var(--cr-midnight);
  --cr-text-muted: var(--cr-neutral-500);
  --cr-link: var(--cr-blue-700);
  --cr-link-hover: var(--cr-blue-800);
  --cr-focus: var(--cr-blue-500);
  --cr-btn-bg: var(--cr-blue-500); --cr-btn-text: var(--cr-midnight);
  --cr-accent: #0297DE;
  --cr-accent-text: #016FA3;
}
[data-theme="dark"] {
  --cr-bg: var(--cr-midnight); --cr-surface: var(--cr-midnight-2); --cr-border: var(--cr-midnight-3);
  --cr-text: var(--cr-white);
  --cr-text-muted: var(--cr-neutral-300);
  --cr-link: var(--cr-blue-400);
  --cr-link-hover: var(--cr-blue-300);
  --cr-focus: var(--cr-blue-400);
  --cr-btn-bg: var(--cr-blue-500); --cr-btn-text: var(--cr-midnight);
  --cr-accent: #0297DE;
  --cr-accent-text: #016FA3;
}