/* Tokens del brand kit de ILC Academy (tokens.json del campus, noviembre 2026).
   Se copian con los mismos nombres del campus para que campus.css funcione sin tocarlo. */
:root {
  --ilc: #6B4771;
  --ilc-mid: #4A3050;
  --ilc-deep: #2A1730;
  --accent: #6B4771;
  --accent-ink: #FFFFFF;
  --accent-text: #5A3A61;
  --accent-soft: #F3EAF4;
  --gold-bright: #E8CB92;
  --gold: #9C6E24;
  --gold-soft: #F7ECD8;
  --gold-line: #E2C690;
  --nav-ink: #3B2241;

  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #FAF6FA;
  --ink: #23161F;
  --ink-2: #594B5E;
  --ink-3: #76687C;
  --line: #E6DAE7;
  --line-2: #D5C4D8;
  --on-dark: #FBF4FC;
  --on-dark-2: #E2D0E6;

  --ok: #2B7756;
  --ok-soft: #E1F1E8;
  --warn: #845500;
  --warn-soft: #FAEED3;
  --bad: #8A2A1A;
  --bad-soft: #FBE9E5;
  --info: #1F5F86;
  --info-soft: #E2EFF7;

  --focus: #C08A35;
  --r-sm: 12px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 26px;
}

/* Modo oscuro. El brand kit del campus solo define el tema claro. Pedido de David (2026-11-12):
   la barra lateral sigue morada y todo lo demás va en negro, salvo los botones, las burbujas de
   la conversación y la barra de arriba, que conservan el ciruela del tema "ILC Oscuro". Por eso
   --surface y --surface-2 quedan ciruela (los usan botones, campos y burbujas) y el negro de los
   paneles se pone aparte, en app.css. */
:root[data-tema="oscuro"] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #241729;
  --surface-2: #1E1424;
  --ink: #E9DFEC;
  --ink-2: #C9BBCD;
  --ink-3: #A897AD;
  --line: #33263A;
  --line-2: #3E2C45;
  --accent-text: #DCC3E3;
  --accent-soft: #2C1D33;
  --gold: #E8CB92;
  --gold-soft: #33261A;
  --gold-line: #6B5330;
  --ok: #7FD1A8;
  --ok-soft: #17352A;
  --warn: #F0C66E;
  --warn-soft: #3A2C12;
  --bad: #F2A093;
  --bad-soft: #3D1A14;
  --info: #8CC4E6;
  --info-soft: #132F40;
}