/* Un univers par site : couleurs, police et ambiance relevées sur chaque site (octobre 2026).
   Le groupe garde le thème de base (theme.css). L'univers actif est posé sur <html data-world="…">. */

/* ---------- Greenoffice : noir profond, menthe, bleu ciel et orange ---------- */
:root[data-world="greenoffice"] {
  --mint: #6dedb3; --mint-strong: #45e09c; --mint-soft: #e2fbef;
  --bg: #f5f5f7; --border: #e4e4ea; --surface-2: #efeff3;
  --header-bg: #000112; --header-muted: #a4b0c4;
  --c1: #6dedb3; --c2: #a4d1ff; --c3: #ff9d35; --c4: #6dedb3;
  --blob-1: rgba(109, 237, 179, .22); --blob-2: rgba(164, 209, 255, .22); --blob-3: rgba(255, 157, 53, .10);
  --hero-bg: #000112;
  --logo-bg: #1b1d2e; --logo-1: #a4d1ff; --logo-2: #6dedb3; --logo-3: #ff9d35;
  --accent: #0b8a5c;
}

/* ---------- RecycleOffice : blanc, vert de gris, sable, Montserrat ---------- */
:root[data-world="recycleoffice"] {
  --font: "Montserrat", system-ui, sans-serif; --font-title: "Montserrat", system-ui, sans-serif;
  --mint: #6ca6a3; --mint-strong: #568f8c; --mint-soft: #e6f0ef;
  --bg: #f7f5ef; --surface-2: #f1eee6; --border: #e3dfd3; --grid: #e8e4d9;
  --header-bg: #ffffff; --header-fg: #232323; --header-muted: #666; --header-tab: #4a4a4a; --header-hover: #f1eee6;
  --header-field: #f7f5ef; --header-field-border: #e3dfd3; --header-placeholder: #8a8a8a; --header-shadow: 0 1px 0 #e3dfd3, 0 8px 24px rgba(51, 51, 51, .06);
  --primary: #6ca6a3; --primary-strong: #568f8c; --primary-ink: #fff; --primary-glow: rgba(108, 166, 163, .35);
  --c1: #6ca6a3; --c2: #99ada1; --c3: #eae7dc; --c4: #333333;
  --blob-1: rgba(108, 166, 163, .16); --blob-2: rgba(234, 231, 220, .7); --blob-3: rgba(153, 173, 161, .14);
  --hero-bg: #6ca6a3; --hero-fg: #fff; --hero-muted: #e6f0ef; --hero-dot: rgba(255, 255, 255, .16);
  --logo-bg: #333333; --logo-1: #99ada1; --logo-2: #6ca6a3; --logo-3: #eae7dc;
  --accent: #3f7d7a; --hand: "Nanum Pen Script", cursive;
}
:root[data-world="recycleoffice"] .brand strong { font-weight: 300; letter-spacing: .12em; text-transform: uppercase; }
:root[data-world="recycleoffice"] .brand strong::first-line { font-weight: 300; }
:root[data-world="recycleoffice"] .card, :root[data-world="recycleoffice"] .kpi { border-radius: 4px; }
:root[data-world="recycleoffice"] button, :root[data-world="recycleoffice"] .btn { border-radius: 4px; }
:root[data-world="recycleoffice"] h2 { font-weight: 600; letter-spacing: .02em; }

/* ---------- Tabledetri (TRIGO) : crème, vert feuille, jaune et pêche, Poppins ---------- */
:root[data-world="tabledetri"] {
  --font: "Poppins", system-ui, sans-serif; --font-title: "Poppins", system-ui, sans-serif;
  --mint: #78a744; --mint-strong: #64903a; --mint-soft: #f0f8e0; --leaf: #78a744;
  --bg: #faf8f3; --surface-2: #f3efe6; --border: #e9e3d6; --grid: #ece6d9;
  --header-bg: #ffffff; --header-fg: #231f20; --header-muted: #5f5a55; --header-tab: #3a3536; --header-hover: #f3efe6;
  --header-field: #faf8f3; --header-field-border: #e9e3d6; --header-placeholder: #8c867f; --header-shadow: 0 1px 0 #e9e3d6, 0 8px 24px rgba(35, 31, 32, .06);
  --primary: #78a744; --primary-strong: #64903a; --primary-ink: #fff; --primary-glow: rgba(120, 167, 68, .35);
  --c1: #78a744; --c2: #ffd66b; --c3: #ffb4a8; --c4: #78a744;
  --blob-1: rgba(255, 214, 107, .22); --blob-2: rgba(120, 167, 68, .14); --blob-3: rgba(255, 180, 168, .20);
  --hero-bg: #231f20; --hero-fg: #ffd66b; --hero-muted: #d4cfc8; --hero-dot: rgba(255, 214, 107, .16);
  --logo-bg: #231f20; --logo-1: #ffb4a8; --logo-2: #78a744; --logo-3: #ffd66b;
  --accent: #4f7a26;
}
:root[data-world="tabledetri"] .card, :root[data-world="tabledetri"] .kpi { border-radius: 22px; }
:root[data-world="tabledetri"] button, :root[data-world="tabledetri"] .btn { border-radius: 999px; }
:root[data-world="tabledetri"] h2 { font-weight: 700; letter-spacing: -.02em; }

/* ---------- Storkcom : anthracite, et une couleur par secteur (industrie, santé, bureau, vins) ---------- */
:root[data-world="storkcom"] {
  --font: "Poppins", system-ui, sans-serif; --font-title: "Oswald", "Poppins", sans-serif;
  --mint: #ea5e19; --mint-strong: #cf4f0f; --mint-soft: #fdeee6;
  --bg: #f2f2f2; --surface-2: #ebebeb; --border: #dedede; --grid: #e4e4e4;
  --header-bg: #2e2d2d; --header-muted: #bdbdbd; --header-tab: #d6d6d6; --header-shadow: 0 6px 24px rgba(0, 0, 0, .3);
  --primary: #ea5e19; --primary-strong: #cf4f0f; --primary-ink: #fff; --primary-glow: rgba(234, 94, 25, .35);
  --c1: #ea5e19; --c2: #31859c; --c3: #2fcacc; --c4: #b50c1a;
  --blob-1: rgba(234, 94, 25, .12); --blob-2: rgba(49, 133, 156, .12); --blob-3: rgba(47, 202, 204, .12);
  --hero-bg: #2e2d2d; --hero-fg: #2fcacc; --hero-muted: #bdbdbd; --hero-dot: rgba(234, 94, 25, .2);
  --logo-bg: #1c1c1c; --logo-1: #31859c; --logo-2: #ea5e19; --logo-3: #2fcacc;
  --accent: #c24c12;
}
:root[data-world="storkcom"] h2, :root[data-world="storkcom"] .brand strong { text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
:root[data-world="storkcom"] .card, :root[data-world="storkcom"] .kpi { border-radius: 14px; }

/* ---------- mode sombre : les en-têtes clairs passent en sombre, les couleurs de marque restent ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-world="recycleoffice"], :root:not([data-theme="light"])[data-world="tabledetri"] {
    --header-bg: #1b2126; --header-fg: #f0efec; --header-muted: #b8b8b2; --header-tab: #d0d0ca; --header-hover: rgba(255, 255, 255, .08);
    --header-field: rgba(255, 255, 255, .08); --header-field-border: rgba(255, 255, 255, .16); --header-placeholder: #9c9b93; --header-shadow: 0 6px 24px rgba(0, 0, 0, .3);
  }
  :root:not([data-theme="light"])[data-world] { --bg: #121417; --surface-2: #1d2328; --border: #2c343b; --grid: #262d33; --mint-soft: #1f2b2a; }
}
:root[data-theme="dark"][data-world="recycleoffice"], :root[data-theme="dark"][data-world="tabledetri"] {
  --header-bg: #1b2126; --header-fg: #f0efec; --header-muted: #b8b8b2; --header-tab: #d0d0ca; --header-hover: rgba(255, 255, 255, .08);
  --header-field: rgba(255, 255, 255, .08); --header-field-border: rgba(255, 255, 255, .16); --header-placeholder: #9c9b93; --header-shadow: 0 6px 24px rgba(0, 0, 0, .3);
}
:root[data-theme="dark"][data-world] { --bg: #121417; --surface-2: #1d2328; --border: #2c343b; --grid: #262d33; --mint-soft: #1f2b2a; }