/* Doolé : couleurs, polices, rayons et ombres.
   Thème sombre par défaut, clair avec data-ui="light", automatique avec data-ui="auto". */
:root{
  color-scheme: dark;
  --bg:#0a0908;
  --surface:#171512;
  --surface2:#26221c;
  --line:#2c2823;
  --line2:#4a4239;
  --fg:#f5f1ea;
  --muted:#9a9186;
  --accent:#f2b33d;       /* soleil / mil doré */
  --acc-t:#f2b33d;
  --accent-ink:#1a1206;
  --tint:#2a2316;
  --tint-fat:#2c1f1a;
  --danger:#ff7a6b;
  --prot:#7cc4ff;
  --fat:#ff9a7a;
  --good:#6fd39a;
  --bar:rgba(23,21,18,.94);
  --glass:#141a20;
  --glass-line:#3a5268;
  --water-t:#6fb8f2;

  /* Eau (identique dans les deux thèmes) */
  --water-top:#4fb0f5;
  --water-bottom:#2a78c4;
  --wave1:#4fb0f5;
  --wave2:#7ccaff;
  --water-hover:#3d6f9e;

  /* Couleurs d'icônes des rubriques du profil */
  --ic-goal:#6fd39a;
  --ic-train:#7cc4ff;
  --ic-weight:#c9a0ff;
  --ic-stats:#ff9a7a;
  --ic-meas:#6fd3d0;

  /* Pastilles des réseaux sociaux (texte seulement, pas de logo) */
  --c-wa:#25d366;
  --c-fb:#1877f2;
  --c-tg:#2aabee;

  /* Boutons de connexion : couleurs imposées par Google et Apple (thème sombre) */
  --gsi-bg:#131314; --gsi-line:#8e918f; --gsi-fg:#e3e3e3;
  --apple-bg:#ffffff; --apple-fg:#000000;

  --shadow-pop:0 8px 24px rgba(0,0,0,.55);
  --shadow-toast:0 8px 24px rgba(0,0,0,.5);
  --shadow-banner:0 6px 18px rgba(0,0,0,.35);
  --backdrop:rgba(0,0,0,.65);
  --on-danger:#fff;
  --photo-x-bg:rgba(0,0,0,.65);
  --photo-x-fg:#fff;
  --switch-knob:#fff;

  --display:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --r-card:22px;
  --r-card-sm:16px;
  --r-field:14px;
  --r-tile:12px;
  --r-pill:999px;
  --r-sheet:24px;

  --max-w:440px;
  --gutter:16px;
}

:root[data-ui="light"]{
  color-scheme:light;
  --bg:#f5f4f1; --surface:#ffffff; --surface2:#f0ede7; --line:#e6e1d8; --line2:#cbc3b6;
  --fg:#1a1712; --muted:#6e665b; --accent:#eba82b; --acc-t:#946205; --accent-ink:#1a1206;
  --tint:#fcf0d6; --tint-fat:#fde6dd; --danger:#c9392c; --prot:#2a7fd0; --fat:#d6552c; --good:#1d8f53;
  --bar:rgba(255,255,255,.94); --glass:#eef5fb; --glass-line:#9db9d2; --water-t:#1f6fb8;
  --gsi-bg:#ffffff; --gsi-line:#747775; --gsi-fg:#1f1f1f; --apple-bg:#000000; --apple-fg:#ffffff;
}

@media (prefers-color-scheme: light){
  :root[data-ui="auto"]{
    color-scheme:light;
    --bg:#f5f4f1; --surface:#ffffff; --surface2:#f0ede7; --line:#e6e1d8; --line2:#cbc3b6;
    --fg:#1a1712; --muted:#6e665b; --accent:#eba82b; --acc-t:#946205; --accent-ink:#1a1206;
    --tint:#fcf0d6; --tint-fat:#fde6dd; --danger:#c9392c; --prot:#2a7fd0; --fat:#d6552c; --good:#1d8f53;
    --bar:rgba(255,255,255,.94); --glass:#eef5fb; --glass-line:#9db9d2; --water-t:#1f6fb8;
    --gsi-bg:#ffffff; --gsi-line:#747775; --gsi-fg:#1f1f1f; --apple-bg:#000000; --apple-fg:#ffffff;
  }
}