/* Colores de Automatify (copia de automatify-extension/theme.css para el panel web). Los selectores llevan data-palette para ganarle a los
   colores propios de styles.css, que siguen el modo del sistema. Si cambias uno, cambia el otro. */
:root[data-palette="lavender"] {
  --scheme: light; --page: #f6f3fd; --bg: #f4f0fc; --card: #ffffff; --btn: #e7e0fa; --hover: #dcd2f6; --input: #ebe5fa; --input-border: #d8cdf3; --border: #e3dbf6;
  --text: #2b2158; --text2: #4a3f80; --muted: #7f75ab; --accent: #6d3fe0; --accent2: #7c52ee; --chip: #7048e8; --link: #6d3fe0; --track: #cdc2ee; --navon: #e9e1fc;
  --ring: #b7a3f5; --bad: #dc2626; --warn: #b45309; --ok: #15803d; --toast: #2b2158; color-scheme: var(--scheme);
}
:root[data-palette="lavender"][data-tone="soft"] {
  --scheme: light; --page: #efe9fb; --bg: #ece5fa; --card: #f7f3ff; --btn: #ddd3f7; --hover: #d2c6f3; --input: #e6defa; --input-border: #d6cbf2; --border: #dcd2f3;
  --text: #3b2b6f; --text2: #54449a; --muted: #8579b3; --accent: #8663ea; --accent2: #9774f0; --chip: #8f6bec; --link: #7f5be0; --track: #cfc4ee; --navon: #e0d7f8;
  --ring: #c1aff7; --toast: #3b2b6f;
}
:root[data-palette="lavender"][data-tone="dark"] {
  --scheme: dark; --page: #1c1540; --bg: #261b52; --card: #33276b; --btn: #3a2e78; --hover: #45388a; --input: #2d2260; --input-border: #4a3d8f; --border: #43367f;
  --text: #f3eeff; --text2: #d4c9f5; --muted: #a99dd6; --accent: #8b5cf6; --accent2: #9d75ff; --chip: #6a43d6; --link: #b9a2ff; --track: #4f4290; --navon: #3a2e78;
  --ring: #c4b5fd; --bad: #f87171; --warn: #fbbf24; --ok: #4ade80; --toast: #3a2e78;
}
:root[data-palette="automatify"] {
  --scheme: light; --page: #f1f7ff; --bg: #ffffff; --card: #ffffff; --btn: #e2eeff; --hover: #d1e4ff; --input: #e9f3ff; --input-border: #cde0f7; --border: #e1ebf7;
  --text: #0c2a55; --text2: #1c4a8c; --muted: #6a84aa; --accent: #1670f0; --accent2: #2a84ff; --chip: #1a73e8; --link: #1670f0; --track: #c3d6ef; --navon: #e2eeff;
  --ring: #8cc0ff; --bad: #dc2626; --warn: #b45309; --ok: #15803d; --toast: #0c2a55;
}
:root[data-palette="automatify"][data-tone="soft"] {
  --scheme: light; --page: #e8f1fe; --bg: #e6f0fd; --card: #f4f9ff; --btn: #d5e6fc; --hover: #c6ddfa; --input: #deebfd; --input-border: #c7dcf6; --border: #d3e3f8;
  --text: #0f3466; --text2: #25578f; --muted: #6b88b0; --accent: #2e82ef; --accent2: #4796f3; --chip: #3a86ee; --link: #2e82ef; --track: #bcd3f0; --navon: #d8e8fc;
  --ring: #9cc7fb; --toast: #0f3466;
}
:root[data-palette="automatify"][data-tone="dark"] {
  --scheme: dark; --page: #04153a; --bg: #072353; --card: #0b3068; --btn: #0f3b7b; --hover: #164b95; --input: #0a2b5f; --input-border: #1c5099; --border: #14407f;
  --text: #eaf4ff; --text2: #bcd8ff; --muted: #7fa5d8; --accent: #0aa7e6; --accent2: #2cc4f5; --chip: #1479e0; --link: #5cc8ff; --track: #26508f; --navon: #123f80;
  --ring: #7fd3ff; --bad: #f87171; --warn: #fbbf24; --ok: #4ade80; --toast: #0f3b7b;
}

/* Oscuro: negro y gris con letras blancas (siempre oscuro, sea cual sea el modo). */
:root[data-palette="carbon"][data-palette] {
  --scheme: dark; --page: #09090b; --bg: #121215; --card: #202027; --btn: #2e2e38; --hover: #3a3a46; --input: #0c0c0f; --input-border: #4a4a57; --border: #363640;
  --text: #f4f4f6; --text2: #d1d1d8; --muted: #9b9ba6; --accent: #8b5cf6; --accent2: #a78bfa; --chip: #7c4ddf; --link: #b8a3ff; --track: #43434d; --navon: #2f2850;
  --ring: #a78bfa; --bad: #f87171; --warn: #fbbf24; --ok: #4ade80; --toast: #2a2a31;
  color-scheme: dark;
}

/* --- Solo en el panel web: los nombres de colores que usa styles.css se toman de la paleta elegida. --- */
:root[data-palette] {
  --surface: var(--card); --surface-2: var(--btn); --surface-3: var(--hover); --text-muted: var(--muted);
  --accent-strong: var(--accent2); --accent-soft: var(--navon); --on-accent: #fff; --danger: var(--bad); --success: var(--ok);
  --bubble-in-bg: var(--card); --bubble-in-text: var(--text); --bubble-out-bg: var(--accent); --bubble-out-text: #fff;
  color-scheme: var(--scheme);
}
:root[data-palette] body { background: var(--page); color: var(--text); }