/*
----------------------------------------------------
Criado por Tiago Ramos
TurnoCerto ? 2025-2026
----------------------------------------------------
*/

:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-primary: #07162D;
  --bg-secondary: #0B1220;
  --card-bg: #101C36;
  --surface: rgba(16, 28, 54, .86);
  --surface-strong: rgba(16, 28, 54, .96);
  --border: rgba(255, 255, 255, .08);
  --border-strong: rgba(255, 255, 255, .14);
  --primary: #2563EB;
  --primary-hover: #3B82F6;
  --success: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --shadow-card: 0 18px 48px rgba(0, 0, 0, .26);
  --radius-card: 22px;
  --tc-logo-dark-url: none;
  --tc-logo-light-url: none;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg-primary: #F6F9FF;
  --bg-secondary: #FFFFFF;
  --card-bg: #FFFFFF;
  --surface: rgba(255, 255, 255, .88);
  --surface-strong: rgba(255, 255, 255, .98);
  --border: rgba(15, 23, 42, .10);
  --border-strong: rgba(15, 23, 42, .16);
  --text-primary: #07162D;
  --text-secondary: #334155;
  --text-muted: #64748B;
  --shadow-card: 0 18px 46px rgba(15, 23, 42, .08);
}

html {
  background: var(--bg-primary);
  min-width: 0;
}

body {
  min-width: 0;
  overflow-x: clip;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

:focus-visible {
  outline: 3px solid rgba(59, 130, 246, .42);
  outline-offset: 3px;
}

.tc-flag,
.lang-flag,
.flag-icon,
.lang-btn img,
.language-button img,
[data-lang-menu] img,
[data-language-menu] img {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 0 0 1px var(--border-strong);
}

[data-theme="dark"] .tc-soft-card,
[data-theme="dark"] .tc-glass-card {
  background: linear-gradient(145deg, rgba(16, 28, 54, .88), rgba(11, 18, 32, .86));
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}

@media (max-width: 480px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
  }
}
