/* ===========================================================
   Tema: Arena — lienzo cálido, acento negro tinta. (default)
   Los componentes viven en moderno-base.css (compartidos por
   todos los temas modernos).
   =========================================================== */
@import url('moderno-base.css?v=1');

:root{
  /* --- Lienzo y superficies --- */
  --bg:#f2eee6;              /* arena cálida */
  --panel:#ffffff;
  --panel-2:#faf8f3;
  --sidebar:transparent;     /* el sidebar se funde con el lienzo */
  --hover:#eae5d9;
  --sel:#e7e1d2;
  --sel-border:#1b1813;
  --line:#e6e0d3;
  --line-soft:#efeadf;

  /* --- Texto --- */
  --text:#1b1813;            /* negro tinta cálido */
  --text-2:#5f594d;
  --text-3:#9d968a;

  /* --- Acento: negro tinta, con ámbar de apoyo --- */
  --accent:#1b1813;
  --accent-strong:#000000;
  --accent-weak:#e9e3d5;
  --on-accent:#f5f2ea;
  --unread:#b45309;          /* ámbar tostado para no-leídos */

  --avatar-text:#fff;
  --toolbar-bg:#ffffff;
  --topbar-bg:transparent;
  --reader-bg:#ffffff;

  --danger:#c0392b;
  --ok:#3f7d4e;

  /* Marca en tinta sólida (sin gradiente estridente) */
  --brand-grad:linear-gradient(120deg,#1b1813,#3a352b);

  --radius:18px; --radius-sm:12px; --radius-pill:99px;
  --shadow-pop:0 20px 50px rgba(43,36,20,.18);
  --card-shadow:0 1px 2px rgba(43,36,20,.05), 0 10px 30px rgba(43,36,20,.06);

  --font:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* Login */
  --login-bg:#f2eee6;
  --login-aurora:
    radial-gradient(46% 56% at 20% 25%,rgba(214,182,110,.30),transparent 70%),
    radial-gradient(42% 52% at 80% 75%,rgba(190,160,120,.22),transparent 70%);
  --login-card:#ffffff;
}