/* ORIENTAM - Variables CSS compartides
 * Un sol lloc per canviar colors, tipografies o opacitats de marca per a tot el site.
 * Cal carregar amb <link rel="stylesheet" href="orientam.css"> dins <head>,
 * ABANS de qualsevol altre <style> que faci servir aquestes variables.
 */
:root{
  /* Marca - terracota */
  --terra:#C8572A;--terra-d:#9E3D18;--terra-l:#F0D5C8;--terra-p:#FAF1EC;
  /* Pergami / fons */
  --parch:#F7F3EE;--parch-d:#EDE7DF;--parch-2:#F0EBE2;
  /* Tinta / text */
  --ink:#1E1A15;
  --ink-05:rgba(30,26,21,.05);--ink-06:rgba(30,26,21,.06);--ink-08:rgba(30,26,21,.08);--ink-10:rgba(30,26,21,.1);
  --ink-12:rgba(30,26,21,.12);--ink-30:rgba(30,26,21,.3);--ink-40:rgba(30,26,21,.4);--ink-45:rgba(30,26,21,.45);
  --ink-60:rgba(30,26,21,.6);--ink-70:rgba(30,26,21,.7);
  /* Sage (verd marca) */
  --sage:#3D7A52;--sage-l:#E5F0EB;
  /* Blau / cobalt (dashboard) */
  --blue:#2A5F8A;--blue-d:#1E4A6E;--blue-l:#E3EEF6;
  --cobalt:#2A5F8A;--cobalt-l:#E3EEF6;
  /* Altres colors estat / categoria */
  --amber:#E8922A;--gold:#B8922A;--gold-l:#F5EDD4;
  --green:#3D7A52;--green-l:#E5F0EB;
  --red:#E24B4A;--rose:#C0392B;--rose-l:#FDECEA;
  --teal:#1A7A6E;--teal-l:#E5F5F3;
  --violet:#6B3FA0;--violet-l:#EDE8F8;
  --slate:#1E2535;--slate2:#252D40;--slate3:#2A3248;
  --night:#2C3E50;--night-l:#E8ECF0;
  /* Tipografia */
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Instrument Sans',system-ui,sans-serif;
  /* Altres */
  --r:14px;
}
