/* =========================================================
   Collie Suite — Base
   Tokens de diseño, resets globales y estilos mínimos
   compartidos por todas las páginas del sitio.
   Cada página añade sus propios estilos en su archivo
   (index.css, registro.css) y puede sumar variables
   adicionales (--shadow, --clay-soft) según lo necesite.
========================================================= */
:root{
  color-scheme: light only;
  --ink:#11201B;
  --ink-soft:#2A3B34;
  --paper:#F4F5F1;
  --paper-dim:#ECEEE8;
  --mist:#E2E5DC;
  --pine:#1F6E52;
  --pine-deep:#143F30;
  --pine-light:#3A8F6F;
  --clay:#C4622E;
  --amber:#E2B33C;
  --white:#FFFFFF;
  --line:rgba(17,32,27,0.12);
  --line-soft:rgba(17,32,27,0.07);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{background:#F4F5F1 !important;}
/* Belt-and-suspenders: some in-app HTML previewers (e.g. iOS Quick Look) apply their
   own forced-dark heuristic and may ignore the color-scheme meta tag entirely.
   Explicitly re-assert the light theme whenever a dark scheme is requested. */
@media (prefers-color-scheme: dark){
  html, body{ background:#F4F5F1 !important; }
  body{ color:#11201B !important; }
}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
::selection{background:var(--pine);color:var(--paper);}