/**
 * Color-only OPAC skins — layout tetap Tosca, hanya palet --tosca-* berubah.
 * Aktif via body[data-skin="..."] (nama tema yang dipilih di admin).
 */

/* Tosca (default Mansageka) — nilai sudah di tosca.css :root */

/* Default — biru klasik SLiMS */
body[data-skin="default"] {
  --tosca: #004db6;
  --tosca-deep: #003a8c;
  --tosca-mid: #3d7fd6;
  --tosca-soft: #a8c8f0;
  --tosca-mist: #e8f0fa;
  --tosca-ink: #0c1e3a;
  --tosca-muted: #4a5f7a;
  --tosca-line: #b8cce0;
  --tosca-white: #f5f8fc;
  --tosca-sand: #e8f0fa;
  --tosca-hero-1: #002b66;
  --tosca-hero-2: #004db6;
  --tosca-hero-3: #3d7fd6;
  --tosca-accent: #f5a623;
  --tosca-accent-deep: #d4890a;
  --tosca-gold: #f0c14a;
}

body[data-skin="default"].tosca-body {
  background: linear-gradient(135deg, #e8f0fa 0%, #a8c8f0 38%, #3d7fd6 72%, #004db6 100%);
}

/* Default-dz — navy lebih gelap */
body[data-skin="default-dz"] {
  --tosca: #1a3a6b;
  --tosca-deep: #0f2749;
  --tosca-mid: #4a6fa5;
  --tosca-soft: #9eb4d4;
  --tosca-mist: #e4eaf3;
  --tosca-ink: #0a1628;
  --tosca-muted: #4d5f78;
  --tosca-line: #aebfd4;
  --tosca-white: #f3f6fa;
  --tosca-sand: #e4eaf3;
  --tosca-hero-1: #081428;
  --tosca-hero-2: #1a3a6b;
  --tosca-hero-3: #4a6fa5;
  --tosca-accent: #e07a3d;
  --tosca-accent-deep: #c45f24;
  --tosca-gold: #e8c060;
}

body[data-skin="default-dz"].tosca-body {
  background: linear-gradient(135deg, #e4eaf3 0%, #9eb4d4 38%, #4a6fa5 72%, #1a3a6b 100%);
}

/* Akasia — hijau-teal classic */
body[data-skin="akasia"] {
  --tosca: #2a9d8f;
  --tosca-deep: #1d7a6f;
  --tosca-mid: #48c9b0;
  --tosca-soft: #a8e6dc;
  --tosca-mist: #e6f7f4;
  --tosca-ink: #0e2f2b;
  --tosca-muted: #4a706a;
  --tosca-line: #b0d9d2;
  --tosca-white: #f4fbf9;
  --tosca-sand: #e6f7f4;
  --tosca-hero-1: #0f3d38;
  --tosca-hero-2: #2a9d8f;
  --tosca-hero-3: #48c9b0;
  --tosca-accent: #e9c46a;
  --tosca-accent-deep: #d4a84b;
  --tosca-gold: #f4d35e;
}

body[data-skin="akasia"].tosca-body {
  background: linear-gradient(135deg, #e6f7f4 0%, #a8e6dc 38%, #48c9b0 72%, #2a9d8f 100%);
}

/* Akasia-dz — hutan gelap */
body[data-skin="akasia-dz"] {
  --tosca: #1b4d4a;
  --tosca-deep: #0f3331;
  --tosca-mid: #3d8a84;
  --tosca-soft: #8fc4bf;
  --tosca-mist: #ddeceb;
  --tosca-ink: #0a1f1e;
  --tosca-muted: #456663;
  --tosca-line: #a3c9c5;
  --tosca-white: #f2f8f7;
  --tosca-sand: #ddeceb;
  --tosca-hero-1: #061a19;
  --tosca-hero-2: #1b4d4a;
  --tosca-hero-3: #3d8a84;
  --tosca-accent: #d4845a;
  --tosca-accent-deep: #b86a42;
  --tosca-gold: #d4b45a;
}

body[data-skin="akasia-dz"].tosca-body {
  background: linear-gradient(135deg, #ddeceb 0%, #8fc4bf 38%, #3d8a84 72%, #1b4d4a 100%);
}

/* Lightweight — ungu-pink */
body[data-skin="lightweight"] {
  --tosca: #7b2cbf;
  --tosca-deep: #5a189a;
  --tosca-mid: #9d4edd;
  --tosca-soft: #d0a8f0;
  --tosca-mist: #f3e8fc;
  --tosca-ink: #2a0a45;
  --tosca-muted: #6b4d7a;
  --tosca-line: #d4b8e8;
  --tosca-white: #faf5ff;
  --tosca-sand: #f3e8fc;
  --tosca-hero-1: #240046;
  --tosca-hero-2: #7b2cbf;
  --tosca-hero-3: #c77dff;
  --tosca-accent: #ff6b9d;
  --tosca-accent-deep: #e84a7f;
  --tosca-gold: #ffc857;
}

body[data-skin="lightweight"].tosca-body {
  background: linear-gradient(135deg, #f3e8fc 0%, #d0a8f0 38%, #9d4edd 72%, #7b2cbf 100%);
}

/* Theme-color hint via meta is set in PHP; login page body */
body[data-skin="default"].tosca-login-page,
body[data-skin="default-dz"].tosca-login-page,
body[data-skin="akasia"].tosca-login-page,
body[data-skin="akasia-dz"].tosca-login-page,
body[data-skin="lightweight"].tosca-login-page,
body[data-skin="tosca"].tosca-login-page {
  /* inherits --tosca-* for login card accents */
}