/* Thème clair officiel : ivoire doux, bleu nuit et relief graphique. */
[data-theme="sketchit-officiel"]{
  --night:#eef0ed;
  --panel:#fbf8ef;
  --paper:#f3efe4;
  --ink:#101d3d;
  --violet:#6548d8;
  --coral:#246f91;
  --line:rgba(16,29,61,.16);
  color-scheme:light;
}

[data-theme="sketchit-officiel"] body{
  background-color:var(--paper);
  background-image:
    radial-gradient(circle at 8% 4%,rgba(40,190,190,.10),transparent 26rem),
    radial-gradient(circle at 92% 18%,rgba(101,72,216,.10),transparent 30rem),
    linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px);
  background-size:auto,auto,100% 6px;
  color:var(--ink);
}

[data-theme="sketchit-officiel"] header,
[data-theme="sketchit-officiel"] footer,
[data-theme="sketchit-officiel"] .hero,
[data-theme="sketchit-officiel"] .artist-hero,
[data-theme="sketchit-officiel"] .admin-head{
  background-color:#f3efe4;
  background-image:
    radial-gradient(circle at 12% 20%,rgba(33,191,190,.13),transparent 24rem),
    radial-gradient(circle at 82% 35%,rgba(101,72,216,.12),transparent 30rem);
  color:var(--ink);
}

[data-theme="sketchit-officiel"] nav a,
[data-theme="sketchit-officiel"] footer,
[data-theme="sketchit-officiel"] .hero p,
[data-theme="sketchit-officiel"] .artist-hero p{color:#3f4b68}
[data-theme="sketchit-officiel"] .brand span,
[data-theme="sketchit-officiel"] .hero em{color:#315fba}
[data-theme="sketchit-officiel"] .signal{
  border-color:rgba(16,29,61,.15);
  background:rgba(255,253,247,.74);
  box-shadow:0 20px 45px rgba(16,29,61,.12);
}
[data-theme="sketchit-officiel"] .signal span{color:#53607b}
[data-theme="sketchit-officiel"] .signal small{color:#315fba}
[data-theme="sketchit-officiel"] .steps article,
[data-theme="sketchit-officiel"] .card,
[data-theme="sketchit-officiel"] .login,
[data-theme="sketchit-officiel"] .stats div,
[data-theme="sketchit-officiel"] .track,
[data-theme="sketchit-officiel"] table,
[data-theme="sketchit-officiel"] .theme-summary{
  border-color:rgba(16,29,61,.14);
  background:#fbf8ef;
  color:var(--ink);
  box-shadow:0 13px 0 rgba(16,29,61,.06),0 22px 40px rgba(16,29,61,.09);
}
[data-theme="sketchit-officiel"] .button{
  border-radius:7px;
  border:1px solid #172b57;
  background:linear-gradient(145deg,#315fba,#233f80);
  box-shadow:0 7px 0 #14284f,0 13px 24px rgba(16,29,61,.22);
  transform:translateY(0);
}
[data-theme="sketchit-officiel"] .button:hover{transform:translateY(-2px);box-shadow:0 9px 0 #14284f,0 16px 28px rgba(16,29,61,.25)}
[data-theme="sketchit-officiel"] .button:active{transform:translateY(5px);box-shadow:0 2px 0 #14284f,0 7px 14px rgba(16,29,61,.18)}
[data-theme="sketchit-officiel"] .button.light{background:#fbf8ef;color:#101d3d}
[data-theme="sketchit-officiel"] .partner-call{
  background:linear-gradient(135deg,#244c98,#6548d8);
  box-shadow:0 18px 0 rgba(16,29,61,.10),0 30px 50px rgba(16,29,61,.17);
}

/* Thème sombre inclus : charbon doux, blanc chaud et commandes simples. */
[data-theme="sketchit-sombre"]{
  --night:#292c35;
  --panel:#343842;
  --paper:#24272f;
  --ink:#f7f4ed;
  --violet:#9c89ff;
  --coral:#54c9c5;
  --line:rgba(255,255,255,.14);
  color-scheme:dark;
}

[data-theme="sketchit-sombre"] body{
  background-color:var(--paper);
  background-image:
    radial-gradient(circle at 12% 4%,rgba(52,183,190,.10),transparent 28rem),
    radial-gradient(circle at 88% 16%,rgba(118,87,225,.12),transparent 34rem),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:auto,auto,100% 7px;
  color:#f7f4ed;
}
[data-theme="sketchit-sombre"] header,
[data-theme="sketchit-sombre"] footer,
[data-theme="sketchit-sombre"] .hero,
[data-theme="sketchit-sombre"] .artist-hero,
[data-theme="sketchit-sombre"] .admin-head{
  background-color:#292c35;
  background-image:
    radial-gradient(circle at 10% 22%,rgba(42,194,193,.10),transparent 26rem),
    radial-gradient(circle at 85% 35%,rgba(132,98,242,.13),transparent 32rem);
  color:#fffdf7;
}
[data-theme="sketchit-sombre"] nav a,
[data-theme="sketchit-sombre"] footer,
[data-theme="sketchit-sombre"] .hero p,
[data-theme="sketchit-sombre"] .artist-hero p{color:#d8d8dd}
[data-theme="sketchit-sombre"] .signal,
[data-theme="sketchit-sombre"] .steps article,
[data-theme="sketchit-sombre"] .card,
[data-theme="sketchit-sombre"] .login,
[data-theme="sketchit-sombre"] .stats div,
[data-theme="sketchit-sombre"] .track,
[data-theme="sketchit-sombre"] table,
[data-theme="sketchit-sombre"] .theme-summary{
  border-color:rgba(255,255,255,.12);
  background:rgba(52,56,66,.92);
  color:#fffdf7;
  box-shadow:none;
}
[data-theme="sketchit-sombre"] .meta,
[data-theme="sketchit-sombre"] small,
[data-theme="sketchit-sombre"] .stats span,
[data-theme="sketchit-sombre"] .theme-summary p{color:#c2c4cc}
[data-theme="sketchit-sombre"] th,
[data-theme="sketchit-sombre"] td{border-color:rgba(255,255,255,.10)}
[data-theme="sketchit-sombre"] .button{
  border:0;
  border-radius:999px;
  background:#8068e8;
  box-shadow:none;
  color:#fff;
  transform:none;
}
[data-theme="sketchit-sombre"] .button:hover{background:#927df2;transform:none;box-shadow:none}
[data-theme="sketchit-sombre"] .button.light{background:#f7f4ed;color:#252832}
[data-theme="sketchit-sombre"] .partner-call{background:linear-gradient(135deg,#394657,#5d4da3)}

.theme-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:26px;
  border:1px solid #d8d5cc;
  border-radius:22px;
  background:#fff;
}
.theme-summary h3{font-size:26px;margin:8px 0}
.theme-summary p{margin:0;color:#717583}
.theme-status{flex:none;padding:9px 14px;border-radius:999px;background:#ece8ff;color:#4d36bd;font-weight:800}
@media(max-width:850px){.theme-summary{display:block}.theme-status{display:inline-block;margin-top:18px}}