/* AFFiNE con la marca D-IA ("Hoja de horas"). Se inyecta desde el proxy `marca`.
   Solo colores de tokens.css (skill dia-marca), que se sirve al lado de este archivo. */
@import url("tokens.css");

/* :root solo cuando no es oscuro: si no, estas variables se cuelan en el tema oscuro */
:root:not([data-theme=dark]),
[data-theme=light] {
  --dia-ring: 0 0 0 var(--rule) var(--color-line-strong);

  /* tinta en lugar del azul de AFFiNE */
  --affine-brand-color: var(--color-text) !important;
  --affine-primary-color: var(--color-text) !important;
  --affine-primary-color-04: var(--color-soft) !important;
  --affine-processing-color: var(--color-text) !important;
  --affine-text-emphasis-color: var(--color-text) !important;
  --affine-v2-text-emphasis: var(--color-text) !important;
  --affine-v2-button-primary: var(--color-text) !important;
  --affine-v2-icon-activated: var(--color-text) !important;
  --affine-v2-input-border-active: var(--color-text) !important;
  --affine-v2-loading-foreground: var(--color-text) !important;
  --affine-v2-radio-active-chekced: var(--color-text) !important;
  --affine-v2-tab-divider-indicator: var(--color-text) !important;
  --affine-v2-table-indicator-activated: var(--color-text) !important;
  --affine-v2-toggle-background: var(--color-text) !important;
  --affine-v2-edgeless-frame-border-active: var(--color-text) !important;
  --affine-v2-edgeless-group-border-active: var(--color-text) !important;
  --affine-v2-edgeless-group-border-hover: var(--color-text) !important;
  --affine-v2-block-list-header: var(--color-text) !important;
  --affine-v2-chip-label-blue: var(--color-soft) !important;

  /* enlaces en índigo, uso puntual */
  --affine-link-color: var(--color-accent-2) !important;
  --affine-v2-text-link: var(--color-accent-2) !important;

  /* papel */
  --affine-background-primary-color: var(--color-bg) !important;
  --affine-background-secondary-color: var(--color-soft) !important;
  --affine-background-overlay-panel-color: var(--color-bg) !important;
  --affine-hover-color-filled: var(--color-soft) !important;
  --affine-v2-layer-background-primary: var(--color-bg) !important;
  --affine-v2-layer-background-secondary: var(--color-soft) !important;
  --affine-v2-selfhost-layer-background-primary: var(--color-bg) !important;
  --affine-v2-selfhost-layer-background-secondary: var(--color-soft) !important;

  /* tinta y reglas */
  --affine-text-primary-color: var(--color-text) !important;
  --affine-text-secondary-color: var(--color-muted) !important;
  --affine-v2-text-primary: var(--color-text) !important;
  --affine-v2-text-secondary: var(--color-text-2) !important;
  --affine-v2-text-tertiary: var(--color-muted) !important;
  --affine-border-color: var(--color-line) !important;
  --affine-divider-color: var(--color-line) !important;

  /* sin sombras: la estructura la da la regla */
  --affine-active-shadow: 0 0 0 var(--rule-strong) var(--color-text) !important;
  --affine-menu-shadow: var(--dia-ring) !important;
  --affine-popover-shadow: var(--dia-ring) !important;
  --affine-overlay-shadow: var(--dia-ring) !important;
  --affine-overlay-panel-shadow: var(--dia-ring) !important;
  --affine-toolbar-shadow: var(--dia-ring) !important;
  --affine-button-shadow: var(--dia-ring) !important;
  --affine-cmd-shadow: var(--dia-ring) !important;
  --affine-float-button-shadow: var(--dia-ring) !important;
  --affine-float-button-shadow-1: var(--dia-ring) !important;
  --affine-float-button-shadow-2: var(--dia-ring) !important;
  --affine-shadow-1: var(--dia-ring) !important;
  --affine-shadow-2: var(--dia-ring) !important;
  --affine-shadow-3: var(--dia-ring) !important;

  /* Geist para todo; Geist Mono para código */
  --affine-font-family: var(--font-body) !important;
  --affine-font-sans-family: var(--font-body) !important;
  --affine-font-code-family: var(--font-mono) !important;
  --affine-font-mono-family: var(--font-mono) !important;
}

/* oscuro = negro, nunca azul marino */
[data-theme=dark] {
  --dia-ring: 0 0 0 var(--rule) var(--color-line-on-dark);

  --affine-brand-color: var(--color-text-on-dark) !important;
  --affine-primary-color: var(--color-text-on-dark) !important;
  --affine-primary-color-04: var(--color-line-on-dark) !important;
  --affine-processing-color: var(--color-text-on-dark) !important;
  --affine-text-emphasis-color: var(--color-text-on-dark) !important;
  --affine-v2-text-emphasis: var(--color-text-on-dark) !important;
  --affine-v2-button-primary: var(--color-text-on-dark) !important;
  --affine-v2-icon-activated: var(--color-text-on-dark) !important;
  --affine-v2-input-border-active: var(--color-text-on-dark) !important;
  --affine-v2-loading-foreground: var(--color-text-on-dark) !important;
  --affine-v2-radio-active-chekced: var(--color-text-on-dark) !important;
  --affine-v2-tab-divider-indicator: var(--color-text-on-dark) !important;
  --affine-v2-table-indicator-activated: var(--color-text-on-dark) !important;
  --affine-v2-toggle-background: var(--color-text-on-dark) !important;
  --affine-v2-edgeless-frame-border-active: var(--color-text-on-dark) !important;
  --affine-v2-edgeless-group-border-active: var(--color-text-on-dark) !important;
  --affine-v2-edgeless-group-border-hover: var(--color-text-on-dark) !important;
  --affine-v2-block-list-header: var(--color-text-on-dark) !important;
  --affine-v2-chip-label-blue: var(--color-line-on-dark) !important;

  --affine-link-color: var(--color-accent-2) !important;
  --affine-v2-text-link: var(--color-accent-2) !important;

  --affine-background-primary-color: var(--color-bg-dark) !important;
  --affine-background-overlay-panel-color: var(--color-bg-dark) !important;
  --affine-v2-layer-background-primary: var(--color-bg-dark) !important;
  --affine-v2-selfhost-layer-background-primary: var(--color-bg-dark) !important;

  --affine-text-primary-color: var(--color-text-on-dark) !important;
  --affine-text-secondary-color: var(--color-muted-on-dark) !important;
  --affine-v2-text-primary: var(--color-text-on-dark) !important;
  --affine-v2-text-secondary: var(--color-muted-on-dark) !important;
  --affine-border-color: var(--color-line-on-dark) !important;
  --affine-divider-color: var(--color-line-on-dark) !important;

  --affine-active-shadow: 0 0 0 var(--rule-strong) var(--color-text-on-dark) !important;
  --affine-menu-shadow: var(--dia-ring) !important;
  --affine-popover-shadow: var(--dia-ring) !important;
  --affine-overlay-shadow: var(--dia-ring) !important;
  --affine-overlay-panel-shadow: var(--dia-ring) !important;
  --affine-toolbar-shadow: var(--dia-ring) !important;
  --affine-button-shadow: var(--dia-ring) !important;
  --affine-cmd-shadow: var(--dia-ring) !important;
  --affine-float-button-shadow: var(--dia-ring) !important;
  --affine-float-button-shadow-1: var(--dia-ring) !important;
  --affine-float-button-shadow-2: var(--dia-ring) !important;
  --affine-shadow-1: var(--dia-ring) !important;
  --affine-shadow-2: var(--dia-ring) !important;
  --affine-shadow-3: var(--dia-ring) !important;
}

/* papel y regla: sin esquinas redondeadas (avatares e interruptores conservan su forma) */
button, input, textarea, select,
[role=dialog], [role=menu], [role=menuitem], [role=listbox], [role=option], [role=tooltip],
[data-radix-popper-content-wrapper] > *,
[data-testid*=modal], [class*=modal], [class*=Modal], [class*=menu], [class*=Menu],
[class*=card], [class*=Card], [class*=toast], [class*=Toast], [class*=tag], [class*=Tag] {
  border-radius: var(--radius) !important;
}

/* viñetas y números de lista en tinta (el editor los pinta en azul fuera de las variables) */
.affine-list-block__prefix { color: var(--color-text) !important; }
[data-theme=dark] .affine-list-block__prefix { color: var(--color-text-on-dark) !important; }

/* en oscuro el botón principal es blanco: su texto pasa a negro */
[data-theme=dark] [data-variant=primary],
[data-theme=dark] [data-variant=primary] * {
  color: var(--color-bg-dark) !important;
}

/* la invitación a abrir la app de escritorio no aplica a este equipo (brand.js oculta "Download App") */
[data-testid=open-in-app-card] { display: none !important; }