/*
 * Tema de «Tareas para Ana»: solo variables de color y tipografía.
 * Imagen corporativa separada del código: para otro cliente se cambia este archivo.
 * Tonos grises (sin imagen corporativa). Contrastes de texto ≥ WCAG AA.
 */
:root {
  color-scheme: light;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --color-bg: #f2f2f3;
  --color-surface: #ffffff;
  --color-surface-muted: #e9e9eb;
  --color-border: #d4d4d8;
  --color-border-strong: #a1a1aa;
  --color-text: #18181b;
  --color-text-muted: #52525b;
  --color-primary: #3f3f46;
  --color-primary-hover: #27272a;
  --color-primary-text: #ffffff;
  --color-focus: #18181b;
  --color-header: #27272a;
  --color-header-text: #fafafa;
  --color-header-muted: #d4d4d8;

  --status-pending-bg: #ffffff;
  --status-pending-border: #71717a;
  --status-progress-bg: #d4d4d8;
  --status-progress-text: #18181b;
  --status-done-bg: #3f3f46;
  --status-done-text: #ffffff;
  --status-closed-bg: #e4e4e7;
  --status-closed-text: #3f3f46;

  --radius: 12px;
  --radius-small: 8px;
  --shadow: 0 1px 2px rgba(24, 24, 27, 0.06), 0 1px 3px rgba(24, 24, 27, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-bg: #18181b;
    --color-surface: #232327;
    --color-surface-muted: #2e2e33;
    --color-border: #3f3f46;
    --color-border-strong: #71717a;
    --color-text: #f4f4f5;
    --color-text-muted: #b4b4bb;
    --color-primary: #e4e4e7;
    --color-primary-hover: #ffffff;
    --color-primary-text: #18181b;
    --color-focus: #f4f4f5;
    --color-header: #0f0f11;
    --color-header-text: #fafafa;
    --color-header-muted: #a1a1aa;

    --status-pending-bg: transparent;
    --status-pending-border: #a1a1aa;
    --status-progress-bg: #52525b;
    --status-progress-text: #fafafa;
    --status-done-bg: #e4e4e7;
    --status-done-text: #18181b;
    --status-closed-bg: #2e2e33;
    --status-closed-text: #d4d4d8;

    --shadow: none;
  }
}
