/* Weppa Site · tema del sitio (#866). Verificado con weppa_site_theme_check. */
@layer base {
  :root {
    color-scheme: light dark;
    --color-bg: light-dark(#f7f7f2, #111827);
    --color-surface: light-dark(#ffffff, #1f2937);
    --color-text: light-dark(#111827, #f7f7f2);
    --color-text-secondary: light-dark(#4b5563, #9ca3af);
    --color-border: light-dark(#e5e7eb, #374151);
    --color-brand: light-dark(#5b21b6, #a78bfa);
    --color-brand-hover: light-dark(#4c1d95, #c4b5fd);
    --color-on-brand: light-dark(#ffffff, #111827);
    --color-brand-container: light-dark(#ede9fe, #2e1065);
    --color-on-brand-container: light-dark(#4c1d95, #ddd6fe);
    --color-link: light-dark(#5b21b6, #c4b5fd);
    --color-success-container: light-dark(#dcfce7, #14532d);
    --color-on-success-container: light-dark(#166534, #bbf7d0);
    --color-warning-container: light-dark(#fef3c7, #78350f);
    --color-on-warning-container: light-dark(#92400e, #fde68a);
    --color-danger-container: light-dark(#fee2e2, #7f1d1d);
    --color-on-danger-container: light-dark(#991b1b, #fecaca);
    --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-display: Georgia, "Times New Roman", serif;
    --color-muted: var(--color-text-secondary);
    --color-success: var(--color-on-success-container);
    --color-warning: var(--color-on-warning-container);
    --color-danger: var(--color-on-danger-container);
    --color-brand-ring: var(--color-brand);
    --font-heading: var(--font-display);
  }
  :root.light { color-scheme: light; }
  :root.dark { color-scheme: dark; }
  @supports not (color: light-dark(#000, #fff)) {
    :root {
      color-scheme: light;
      --color-bg: #f7f7f2;
      --color-surface: #ffffff;
      --color-text: #111827;
      --color-text-secondary: #4b5563;
      --color-border: #e5e7eb;
      --color-brand: #5b21b6;
      --color-brand-hover: #4c1d95;
      --color-on-brand: #ffffff;
      --color-brand-container: #ede9fe;
      --color-on-brand-container: #4c1d95;
      --color-link: #5b21b6;
      --color-success-container: #dcfce7;
      --color-on-success-container: #166534;
      --color-warning-container: #fef3c7;
      --color-on-warning-container: #92400e;
      --color-danger-container: #fee2e2;
      --color-on-danger-container: #991b1b;
    }
  }
}
:root[data-theme='light'] { color-scheme: light; }
:root[data-theme='dark'] { color-scheme: dark; }