:root{
  --paper:#F3EEE3;
  --surface:#E9E0CE;
  --surface-2:#DED2B7;
  --ink:#14313A;
  --muted:#4E656C;
  --pine:#17404E;
  --clay:#C89A52;
  --clay-text:#9C7530;
  --line:#DACEB2;

  --r-card:14px;
  --r-input:10px;
  --r-pill:999px;

  --display:"Cormorant Garamond",Georgia,serif;
  --body:"Manrope",system-ui,-apple-system,sans-serif;

  --maxw:1240px;
  --ease:cubic-bezier(.16,1,.3,1);

  --scrollbar-thumb:rgba(23,64,78,.25);        /* pine ~25%, secciones claras */
  --scrollbar-thumb-hover:rgba(23,64,78,.5);   /* pine ~50% en hover */
}

/* Alternada por JS (main.js) cuando la sección "Cómo trabajamos" está en pantalla */
:root.on-dark-section{
  --scrollbar-thumb:rgba(243,238,227,.28);
  --scrollbar-thumb-hover:rgba(243,238,227,.5);
}