/* MARCA DE LA SUITE (25-sep-2026): «Creative Tools — Brand Kit v1» (theme.css del kit, tal cual
   en los valores). Solo para las piezas de marca: cabeceras con el símbolo, pantalla de entrar,
   «Acerca de», bienvenida y botones premium. NO es la paleta de la interfaz: los grises de Photo
   Studio y del lanzador siguen en sus propias hojas. Los colores están también en
   marca/design-tokens.json (la prueba «marca: los colores de marca.css son los de
   design-tokens.json» mira que no se separen).
   La usan: lanzador.html (./marca/marca.css), /descargar, /privacidad, /contacto y /admin.html
   (/marca/marca.css). Los archivos de la marca están en esta carpeta; en el código se piden
   solo desde SUITE (src/suite/apps.js). */
:root {
  --ct-orange:#FF9B3D; --ct-coral:#FF5A5F; --ct-pink:#FF2D8D;
  --ct-magenta:#D62BFF; --ct-violet:#7B3CFF; --ct-blue:#2B65FF; --ct-cyan:#18C8F2;
  --ct-ink:#0A0D14; --ct-surface:#12151D; --ct-surface-2:#1A1E28; --ct-border:#2A2F3A;
  --ct-text:#F7F9FC; --ct-muted:#A7ADBA;
  --ct-gradient:linear-gradient(105deg,#FF9B3D 0%,#FF5A5F 20%,#FF2D8D 40%,#D62BFF 58%,#2B65FF 80%,#18C8F2 100%);
  --ct-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Marca en la cabecera: símbolo + «Creative Tools» en texto vivo, a 10 px.
   Programa: 24 px + 16 px/700. Web (--web): 28 px + 18 px/700. Compacta (--collapsed, y en la
   web por debajo de 640 px): solo el símbolo, de 28 px. El símbolo es decorativo (alt="") y el
   contenedor lleva aria-label="Creative Tools". */
.ct-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}
.ct-brand__mark{display:block;width:24px;height:24px;object-fit:contain}
.ct-brand__name{font-family:var(--ct-font);font-weight:700;font-size:16px;line-height:1;color:var(--ct-text);letter-spacing:-.02em}
.ct-brand--web .ct-brand__mark{width:28px;height:28px}.ct-brand--web .ct-brand__name{font-size:18px}
.ct-brand--collapsed .ct-brand__name{display:none}.ct-brand--collapsed .ct-brand__mark{width:28px;height:28px}
/* Páginas de la web con tema claro y oscuro (/descargar, /privacidad, /contacto): el nombre va
   en tinta sobre el fondo claro y en el blanco de la marca sobre el oscuro. */
.ct-brand--auto .ct-brand__name{color:var(--ct-ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ct-brand--auto .ct-brand__name{color:var(--ct-text)}}
:root[data-theme="dark"] .ct-brand--auto .ct-brand__name{color:var(--ct-text)}
a.ct-brand:hover{text-decoration:none}
@media (max-width:639.98px){
  .ct-brand--web .ct-brand__name{display:none}
  .ct-brand--web .ct-brand__mark{width:28px;height:28px}
}
.ct-gradient-text{background:var(--ct-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Foco visible de la marca: cian de 2 px. */
.ct-focus:focus-visible,.ct-brand:focus-visible{outline:2px solid var(--ct-cyan);outline-offset:2px;border-radius:4px}