/* YEYE FITNESS - tema ROSA sobre AFFiNE 0.27.4 (sin fork, CSS custom). v3
   Regla: el rosa va SOLO en acentos (botones, activos, foco, progreso, links).
   Fondos rosados + texto oscuro explícito SOLO en tema claro. En tema oscuro no se tocan fondos ni textos. */

/* ---- Acentos: ambos temas ---- */
html[data-theme] {
  --yeye-accent: #db2777;
  --affine-primary-color: var(--yeye-accent) !important;
  --affine-brand-color: var(--yeye-accent) !important;
  --affine-primary-color-04: rgba(219, 39, 119, .06) !important;
  --affine-v2-button-primary: var(--yeye-accent) !important;
  --affine-v2-icon-activated: var(--yeye-accent) !important;
  --affine-v2-layer-insideBorder-primaryBorder: var(--yeye-accent) !important;
  --affine-v2-input-border-active: var(--yeye-accent) !important;
  --affine-v2-toggle-background: var(--yeye-accent) !important;
  --affine-v2-radio-active-chekced: var(--yeye-accent) !important;
  --affine-v2-button-checkBox: var(--yeye-accent) !important;
  --affine-v2-tab-divider-indicator: var(--yeye-accent) !important;
  --affine-v2-loading-foreground: var(--yeye-accent) !important;
  --affine-v2-table-focusBorder: var(--yeye-accent) !important;
  --affine-v2-table-indicator-activated: var(--yeye-accent) !important;
  --affine-v2-button-templateLabelBackground: var(--yeye-accent) !important;
}

/* ---- Tema claro: fondos rosados suaves + texto oscuro garantizado ---- */
html[data-theme="light"] {
  --affine-link-color: #be185d !important;
  --affine-v2-text-link: #be185d !important;
  --affine-text-emphasis-color: #be185d !important;
  --affine-v2-text-emphasis: #be185d !important;
  --affine-text-primary-color: #141414 !important;
  --affine-v2-text-primary: #141414 !important;
  --affine-background-primary-color: #fffafd !important;
  --affine-background-secondary-color: #fdf2f8 !important;
  --affine-background-tertiary-color: #fce7f3 !important;
  --affine-hover-color-filled: #fce7f3 !important;
  --affine-v2-layer-background-primary: #fffafd !important;
  --affine-v2-layer-background-secondary: #fdf2f8 !important;
  --affine-v2-layer-background-tertiary: #fce7f3 !important;
}
html[data-theme="light"] ::selection { background: #fbcfe8; color: #141414; }

/* ---- Tema oscuro: solo acento un poco más claro para contraste; fondos y textos de AFFiNE intactos ---- */
html[data-theme="dark"] {
  --yeye-accent: #ec4899;
  --affine-link-color: #f9a8d4 !important;
  --affine-v2-text-link: #f9a8d4 !important;
}