/* =========================
   DK SELECT - TEMA GLOBAL
   ========================= */

:root {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f1f5f9;

  --text: #07111f;
  --text-soft: #64748b;

  --border: #e2e8f0;

  --primary: #087cff;
  --primary-hover: #006fe0;

  --header: #061524;

  --shadow:
    0 8px 25px rgba(15, 23, 42, 0.08);
}


/* TEMA ESCURO */

body.dark-theme {
  --bg: #07111f;
  --surface: #0d1b2a;
  --surface-2: #102131;

  --text: #e8eef5;
  --text-soft: #91a4b7;

  --border: #1f3448;

  --primary: #168bff;
  --primary-hover: #3b9cff;

  --header: #020b13;

  --shadow:
    0 10px 30px rgba(0, 0, 0, 0.32);
}


/* PÁGINA */

body {
  background: var(--bg) !important;
  color: var(--text);

  transition:
    background 0.2s ease,
    color 0.2s ease;
}


/* CARDS PRINCIPAIS */

body.dark-theme .product,
body.dark-theme .card,
body.dark-theme .form-card,
body.dark-theme .info-card,
body.dark-theme .request,
body.dark-theme .guide,
body.dark-theme .category-box,
body.dark-theme .empty {
  color: var(--text);
  background: var(--surface);

  border-color: var(--border);
}


/* ÁREA DAS IMAGENS */

body.dark-theme .product-top,
body.dark-theme .product-image,
body.dark-theme .image,
body.dark-theme .placeholder,
body.dark-theme .product-placeholder {
  background: var(--surface-2) !important;

  border-color: var(--border);
}


/* TEXTOS */

body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme strong,
body.dark-theme .product-title-link,
body.dark-theme .content h2 a,
body.dark-theme .category {
  color: var(--text);
}


body.dark-theme p,
body.dark-theme small,
body.dark-theme .category,
body.dark-theme .product-category,
body.dark-theme .result-title span,
body.dark-theme .title-row span,
body.dark-theme .form-description,
body.dark-theme .date {
  color: var(--text-soft);
}


/* INPUTS */

body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select {
  color: var(--text);

  background: var(--surface-2);

  border-color: var(--border);
}

body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
  color: #71859a;
}


/* PREÇOS */

body.dark-theme .prices strong {
  color: #ffffff;
}


/* LINKS SECUNDÁRIOS */

body.dark-theme .details,
body.dark-theme .details-button {
  color: #64b5ff;

  background: #10283d;

  border-color: #1f4668;
}


/* O.S. */

body.dark-theme .request-card {
  color: var(--text);

  background:
    linear-gradient(
      135deg,
      #10283d,
      #091929
    );
}

body.dark-theme .notice,
body.dark-theme .details,
body.dark-theme .grid div {
  background: var(--surface-2);
}


/* SOMBRA */

body.dark-theme .product,
body.dark-theme .card,
body.dark-theme .guide,
body.dark-theme .form-card,
body.dark-theme .info-card {
  box-shadow: var(--shadow);
}


/* BOTÃO PEQUENO DO TEMA */

.theme-toggle {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  flex-shrink: 0;

  padding: 0;

  color: white;
  background: #102438;

  border: 1px solid #29415a;
  border-radius: 50%;

  font-size: 16px;

  cursor: pointer;

  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.theme-toggle:hover {
  background: #17334d;

  transform: translateY(-1px);
}