/* EL CALLEJON GAMER: semantic palette shared by the approved course explorers.
   Shared by public pages, account forms and course components.
   Layout/behaviour belongs to each component, never to this token file. */
:root {
  --ecg-ui-font-family: 'Segoe UI', Arial, sans-serif;
  --ecg-ui-control-height: 44px;
  --ecg-ui-control-radius: 10px;
  --ecg-ui-shadow-raised: inset 0 1px rgb(255 255 255 / 12%), 0 4px 0 var(--ecg-ui-shadow), 0 9px 18px rgb(0 0 0 / 15%);
  --ecg-ui-shadow-inset: inset 0 2px 5px rgb(0 0 0 / 28%), 0 1px rgb(255 255 255 / 5%);
  --ecg-ui-motion-expand: 480ms;
  --ecg-ui-ease: cubic-bezier(.22,.61,.36,1);
  --ecg-ui-bg: #0c121c;
  --ecg-ui-text: #e6edf7;
  --ecg-ui-muted: #adbacd;
  --ecg-ui-surface: #263244;
  --ecg-ui-surface-end: #192535;
  --ecg-ui-shadow: #050b12;
  --ecg-ui-silver: #cbd5e2;
  --ecg-ui-silver-bright: #e1e7ee;
  --ecg-ui-silver-rgb: 203 213 226;
  --ecg-ui-silver-highlight: rgb(var(--ecg-ui-silver-rgb) / 16%);
  --ecg-ui-border: #8292a6;
  --ecg-ui-border-soft: #536579;
  --ecg-ui-line: var(--ecg-ui-border);
  --ecg-ui-line-strong: #b4c2d2;
  --ecg-ui-accent: #55b8ef;
  --ecg-ui-blue: var(--ecg-ui-accent);
  --ecg-ui-blue-rgb: 85 184 239;
  --ecg-ui-accent-soft: #9cd5f5;
  --ecg-ui-focus: var(--ecg-ui-accent);
  --ecg-ui-accent-shadow: rgb(var(--ecg-ui-blue-rgb) / 12%);
  --ecg-ui-accent-glow: rgb(var(--ecg-ui-blue-rgb) / 30%);
  /* One action-blue surface for the current selection and the recommended step.
     Explicit labels distinguish their roles; completion and exams retain their material. */
  --ecg-ui-selected-bg: #21658e;
  --ecg-ui-selected-end: #164768;
  --ecg-ui-selected-surface: linear-gradient(125deg,var(--ecg-ui-selected-bg),var(--ecg-ui-selected-end));
  --ecg-ui-selected-text: #ffffff;
  --ecg-ui-selected-detail: #e5f2fb;
  --ecg-ui-selected-border: var(--ecg-ui-accent-soft);
  --ecg-ui-selected-base: #0b2840;
  --ecg-ui-recommended-bg: var(--ecg-ui-selected-bg);
  --ecg-ui-recommended-end: var(--ecg-ui-selected-end);
  --ecg-ui-recommended-surface: var(--ecg-ui-selected-surface);
  --ecg-ui-recommended-text: var(--ecg-ui-selected-text);
  --ecg-ui-recommended-detail: var(--ecg-ui-selected-detail);
  --ecg-ui-recommended-mark: var(--ecg-ui-selected-border);
  --ecg-ui-compare-bg: #334254;
  --ecg-ui-compare-end: #253344;
  --ecg-ui-compare-surface: linear-gradient(135deg,var(--ecg-ui-compare-bg),var(--ecg-ui-compare-end));
  --ecg-ui-compare-text: var(--ecg-ui-silver-bright);
  --ecg-ui-compare-border: var(--ecg-ui-line-strong);
  --ecg-ui-open: #192e43;
  --ecg-ui-open-end: #14283a;
  --ecg-ui-inset: #14283a;
  --ecg-ui-inset-bg: var(--ecg-ui-inset);
  --ecg-ui-action-bg: linear-gradient(135deg,#2c384a,#192634);
  --ecg-ui-primary-bg: var(--ecg-ui-selected-surface);
  --ecg-ui-success: #8bdbb1;
  --ecg-ui-success-rgb: 139 219 177;
  --ecg-ui-success-bg: #26493b;
  --ecg-ui-success-end: #1c392e;
  --ecg-ui-success-border: #70af92;
  --ecg-ui-success-text: #effff5;
  --ecg-ui-success-action: #286348;
  --ecg-ui-success-action-end: #204c3b;
  --ecg-ui-success-surface: linear-gradient(140deg,var(--ecg-ui-success-bg),var(--ecg-ui-success-end));
  --ecg-ui-success-action-bg: linear-gradient(135deg,var(--ecg-ui-success-action),var(--ecg-ui-success-action-end));
  --ecg-ui-warning: #dcc18b;
  --ecg-ui-lock: var(--ecg-ui-warning);
  --ecg-ui-locked: #181e27;
  --ecg-ui-locked-bg: var(--ecg-ui-locked);
  --ecg-ui-locked-border: #536072;
  --ecg-ui-locked-line: var(--ecg-ui-locked-border);
  --ecg-ui-exam: #dfbe77;
  --ecg-ui-exam-surface: linear-gradient(140deg,#383b33,#212b34);
  --ecg-ui-brand: #dc3949;
  --ecg-ui-danger: #f39191;
  --ecg-ui-motion-fast: 180ms;
  --ecg-ui-radius-control: 10px;
  --ecg-ui-radius-card: 15px;

  /* Navigation uses these only on course pages; fallback colours live in its sheet. */
  --ecg-nav-active-text: var(--ecg-ui-selected-text);
  --ecg-nav-active-bg: var(--ecg-ui-selected-surface);
  --ecg-nav-active-border: var(--ecg-ui-selected-border);
  --ecg-nav-hover: rgb(var(--ecg-ui-blue-rgb) / 12%);
  --ecg-nav-press: rgb(var(--ecg-ui-blue-rgb) / 22%);
  --ecg-nav-focus: var(--ecg-ui-focus);
  --ecg-nav-avatar-border: var(--ecg-ui-silver);
  --ecg-nav-avatar-bg: var(--ecg-ui-surface-end);
  --ecg-nav-avatar-text: var(--ecg-ui-silver-bright);
  --ecg-nav-back-hover: var(--ecg-ui-selected-bg);
}