/* Colores de dockia: todo el acento sale de aquí.
   - Marca: logo, portada, planes y páginas públicas.
   - App: todo lo interactivo dentro de la app (chat, lista de apps, configuración, administración, avisos). */
:root {
  /* Paletas disponibles. -ink: textos y bordes sobre fondo claro; -bright: sobre fondo oscuro. */
  --yellow: #F2B705; --yellow-2: #F59E0B; --yellow-text: #14181F; --yellow-ink: #8A6100; --yellow-bright: #F2B705;
  --blue: #0070f3;   --blue-2: #3d8bff;   --blue-text: #ffffff;   --blue-ink: #0070f3;   --blue-bright: #008dff;

  /* MARCA. Para volver al amarillo, cambia «blue» por «yellow» en estas cinco líneas (y en logo/og, ver scripts/brand). */
  --brand: var(--blue);
  --brand-2: var(--blue-2);
  --brand-text: var(--blue-text);
  --brand-ink-light: var(--blue-ink);
  --brand-bright: var(--blue-bright);

  /* APP: azul. */
  --app: var(--blue);
  --app-2: var(--blue-2);
  --app-text: var(--blue-text);
  --app-ink-light: var(--blue-ink);
  --app-bright: var(--blue-bright);

  --brand-ink: var(--brand-ink-light);
  --app-ink: var(--app-ink-light);
  /* Por defecto, el acento es el de la app; las páginas públicas lo cambian a la marca (login.css, home.css). */
  --accent: var(--app);
  --accent2: var(--app-2);
  --accent-text: var(--app-text);
  --accent-ink: var(--app-ink);
}
/* Tema oscuro (el de por defecto): textos y bordes con la variante luminosa. */
:root:not([data-theme="light"]) { --brand-ink: var(--brand-bright); --app-ink: var(--app-bright); }