/**
 * Tokens d’aparença clar/fosc — desplegament gradual.
 *
 * Contracte compartible amb ArxIdISBa (React):
 *   - Fosc: html té data-theme="dark" + data-bs-theme="dark".
 *   - Clar: sense data-theme (treure atribut); data-bs-theme="light" per Bootstrap.
 *
 * Integració:
 *   <link rel="stylesheet" href="{{ url_for('static', filename='css/site-theme-tokens.css') }}">
 *
 * Vegeu també projecte_arxidisba/aws-multipart-frontend/src/theme.js i Login.css ([data-theme="dark"]).
 */

html[data-bs-theme="dark"],
html[data-theme="dark"] {
  color-scheme: dark;

  /* Base (reemplaçar progressivament els hex de cada plantilla) */
  --site-bg: #1a1d21;
  --site-surface: #25292e;
  --site-text: #e8eaed;
  --site-text-muted: #9aa0a6;
  --site-border: #3c4043;
  --site-accent: #0f766e;
  --site-accent-hover: #0d9488;
  --site-header-bg: #1e2a2f;
  --site-header-text: #f1f1f1;
  --site-btn-primary-bg: #4da3ff;
  --site-btn-primary-hover: #1c8cff;
}

html[data-bs-theme="light"]:not([data-theme="dark"]) {
  color-scheme: light;

  --site-bg: #f5f6f8;
  --site-surface: #ffffff;
  --site-text: #1a1c1e;
  --site-text-muted: #5f6368;
  --site-border: #dadce0;
  --site-accent: #0d9488;
  --site-accent-hover: #0f766e;
  --site-header-bg: #ffffff;
  --site-header-text: #202124;
  --site-btn-primary-bg: #1a73e8;
  --site-btn-primary-hover: #1557b0;
}

/* Exemple d’ús futur:
body {
  background: var(--site-bg);
  color: var(--site-text);
}
*/