:root {
  --tipografia-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tipografia-titols: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mida-lletra-base: 16px;
  --radi-angles: 14px;
  --amplada-contingut: 1160px;
  --color-primari: #1f6f5c;
  --color-primari-fosc: #16524a;
  --color-secundari: #d98e3f;
  --color-fons: #f5f7f6;
  --color-superficie: #ffffff;
  --color-text: #1b2a27;
  --color-text-suau: #5b6b67;
  --color-vora: #dfe6e3;
  --color-exit: #2e8b57;
  --color-avis: #c98a1b;
  --color-error: #c0392b;
}

:root[data-tema="fosc"] {
  --color-primari: #3fb996;
  --color-primari-fosc: #2f9a7b;
  --color-secundari: #e8a85c;
  --color-fons: #0f1715;
  --color-superficie: #18221f;
  --color-text: #e6efec;
  --color-text-suau: #9db0aa;
  --color-vora: #27332f;
  --color-exit: #4cc380;
  --color-avis: #e3b04b;
  --color-error: #e5685a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="clar"]) {
  --color-primari: #3fb996;
  --color-primari-fosc: #2f9a7b;
  --color-secundari: #e8a85c;
  --color-fons: #0f1715;
  --color-superficie: #18221f;
  --color-text: #e6efec;
  --color-text-suau: #9db0aa;
  --color-vora: #27332f;
  --color-exit: #4cc380;
  --color-avis: #e3b04b;
  --color-error: #e5685a;
  }
}