/* Andrómeda Vargas · tokens de marca v1.0
   Marca personal de la Mtra. Emigdia Andrómeda Vargas Manzano. Símbolo: la constelación de Andrómeda trazada como una "A", con halos translúcidos.
   Lema: Ninguna estrella brilla sola.
   Uso: cargar las tipografías (Sora y JetBrains Mono) desde el propio sitio y después este archivo. Modo claro por defecto; oscuro (el preferido de la marca) con data-theme="dark" o preferencia del sistema. */

:root {
  --brand-name: "Andrómeda Vargas";
  --brand-signature: "Andrómeda Vargas · Ninguna estrella brilla sola.";
  --brand-made: "Andrómeda Vargas";

  /* Color · base (referencia; las páginas usan los roles de abajo) */
  --brand-night: #160C2B;      /* Noche: fondo oscuro principal */
  --brand-galaxy: #6D3FC0;     /* Galaxia: acción principal, títulos (6.7:1 sobre blanco) */
  --brand-magenta: #C04CB0;    /* Magenta: halos y acentos. Como texto sobre claro solo en 18 px o más */
  --brand-magenta-text: #A23A94; /* Magenta legible sobre blanco (5.9:1) */
  --brand-lavender: #CDB8F0;   /* Lavanda: acción en oscuro, fondos suaves */
  --brand-ink: #22163A;        /* Tinta: texto en claro */
  --brand-light: #F4F0FB;      /* Claro: fondo de página en claro */
  --brand-white: #FFFFFF;

  --brand-bg: var(--brand-light);
  --brand-surface: var(--brand-white);
  --brand-text: var(--brand-ink);
  --brand-text-muted: #5C4F70;
  --brand-line: #E2D9F0;
  --brand-primary: var(--brand-galaxy);
  --brand-primary-hover: #5A31A3;
  --brand-on-primary: #FFFFFF;
  --brand-accent: var(--brand-magenta);
  --brand-soft: #ECE3FA;
  --brand-focus: #6D3FC0;

  --brand-success: #1E7F4F;  --brand-success-bg: #DDF3E7;
  --brand-warning: #9A6200;  --brand-warning-bg: #FBEFD5;
  --brand-danger:  #B4232F;  --brand-danger-bg:  #FBE1E3;

  /* Gráficas: orden fijo validado para daltonismo en pares adyacentes y ≥ 3:1 */
  --brand-chart-1: #6D3FC0;  /* galaxia */
  --brand-chart-2: #1E9E95;  /* verde azulado */
  --brand-chart-3: #C9822A;  /* ámbar */
  --brand-chart-4: #C04CB0;  /* magenta */
  --brand-chart-5: #7A8B2E;  /* olivo */
  --brand-chart-grid: #ECE6F5;

  --brand-font: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --brand-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --brand-text-xs: 12px; --brand-text-sm: 14px; --brand-text-md: 16px; --brand-text-lg: 20px;
  --brand-text-xl: 24px; --brand-text-2xl: 32px; --brand-text-3xl: 44px; --brand-text-4xl: 60px;
  --brand-tracking-display: -0.02em;
  --brand-tracking-label: 0.1em;

  --brand-radius-sm: 8px; --brand-radius: 12px; --brand-radius-lg: 18px; --brand-radius-pill: 999px;
  --brand-space-1: 4px; --brand-space-2: 8px; --brand-space-3: 12px; --brand-space-4: 16px;
  --brand-space-6: 24px; --brand-space-8: 32px; --brand-space-12: 48px; --brand-space-16: 64px;
  --brand-shadow: 0 1px 2px rgba(34, 22, 58, .06), 0 6px 20px rgba(34, 22, 58, .08);

  --brand-ease: cubic-bezier(.2, .7, .2, 1);
  --brand-dur: 200ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-bg: #160C2B; --brand-surface: #20143A; --brand-text: #F3ECFA; --brand-text-muted: #B8A9CF; --brand-line: #33255A;
    --brand-primary: #CDB8F0; --brand-primary-hover: #DDCDF6; --brand-on-primary: #160C2B; --brand-accent: #E07BD2; --brand-soft: #2A1A4A; --brand-focus: #CDB8F0;
    --brand-success: #5CC48F; --brand-success-bg: #12301F; --brand-warning: #E8B45A; --brand-warning-bg: #33260C; --brand-danger: #F07A83; --brand-danger-bg: #3A1418;
    --brand-chart-1: #9A72E0; --brand-chart-2: #1FA79D; --brand-chart-3: #B98018; --brand-chart-4: #D068C2; --brand-chart-5: #8C9A34; --brand-chart-grid: #2C1F4A;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --brand-bg: #160C2B; --brand-surface: #20143A; --brand-text: #F3ECFA; --brand-text-muted: #B8A9CF; --brand-line: #33255A;
  --brand-primary: #CDB8F0; --brand-primary-hover: #DDCDF6; --brand-on-primary: #160C2B; --brand-accent: #E07BD2; --brand-soft: #2A1A4A; --brand-focus: #CDB8F0;
  --brand-success: #5CC48F; --brand-success-bg: #12301F; --brand-warning: #E8B45A; --brand-warning-bg: #33260C; --brand-danger: #F07A83; --brand-danger-bg: #3A1418;
  --brand-chart-1: #9A72E0; --brand-chart-2: #1FA79D; --brand-chart-3: #B98018; --brand-chart-4: #D068C2; --brand-chart-5: #8C9A34; --brand-chart-grid: #2C1F4A;
  color-scheme: dark;
}

body { background: var(--brand-bg); color: var(--brand-text); font-family: var(--brand-font); font-size: var(--brand-text-md); line-height: 1.6; }
:focus-visible { outline: 2px solid var(--brand-focus); outline-offset: 2px; }