/* ============================================================
   theme.css — LO ÚNICO QUE CAMBIÁS VISUALMENTE AL CLONAR
   para otra app (Fichando, etc.). base.css no se toca.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Young+Serif&family=Figtree:wght@400;500;600&display=swap");

:root {
  /* Tipografía */
  --font-display: "Young Serif", Georgia, serif;
  --font-body: "Figtree", system-ui, -apple-system, sans-serif;

  /* Dorix — noche de jardín (dark-first) */
  --bg:        #0D1B1E;  /* color base de la app */
  --surface:   #13282C;
  --line:      #21403F;
  --text:      #E4F1EC;
  --muted:     #8FAEA7;
  --accent:    #7FE3C4;  /* mint: solo para lo accionable */
  --accent-2:  #2A9D8F;  /* teal */
  --on-accent: #0D1B1E;
  --glow:      0 0 0 1px rgba(127,227,196,.35), 0 8px 32px rgba(127,227,196,.18);
}

/* Modo claro: elegido por el sistema */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg:        #EEF5F2;
    --surface:   #FFFFFF;
    --line:      #CFE0DA;
    --text:      #0D1B1E;
    --muted:     #4D6B66;
    --accent:    #1E7C6E;
    --accent-2:  #2A9D8F;
    --on-accent: #FFFFFF;
    --glow:      0 0 0 1px rgba(30,124,110,.25), 0 8px 24px rgba(30,124,110,.15);
  }
}
