/**
 * RackON Site Tokens — dark/light (padrão delivery + autos + rackon.com.br)
 * Incluir ANTES de rackon-premium.css; sobrescreva --primary/--accent no template.
 */
html[data-theme="dark"] {
  --rk-bg: #08080c;
  --rk-bg-soft: #0e0e14;
  --rk-bg-card: rgba(22, 22, 30, 0.88);
  --rk-text: #f4f4f5;
  --rk-text-2: #a1a1aa;
  --rk-text-3: #71717a;
  --rk-line: rgba(255, 255, 255, 0.07);
  --rk-line-2: rgba(255, 255, 255, 0.12);
  --rk-chip: rgba(255, 255, 255, 0.05);
  --rk-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --rk-shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.55);
  --rk-mesh: radial-gradient(ellipse 70% 50% at 20% -10%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 20%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 50%),
    radial-gradient(ellipse 60% 50% at 50% 100%, color-mix(in srgb, var(--primary) 8%, #08080c), #08080c);
  --rk-hero-overlay: linear-gradient(105deg, rgba(8, 8, 12, 0.92) 0%, rgba(8, 8, 12, 0.6) 50%, rgba(8, 8, 12, 0.35) 100%);
}

html[data-theme="light"] {
  --rk-bg: #fafaf9;
  --rk-bg-soft: #ffffff;
  --rk-bg-card: rgba(255, 255, 255, 0.94);
  --rk-text: #18181b;
  --rk-text-2: #52525b;
  --rk-text-3: #a1a1aa;
  --rk-line: rgba(15, 23, 42, 0.08);
  --rk-line-2: rgba(15, 23, 42, 0.14);
  --rk-chip: #f4f4f5;
  --rk-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
  --rk-shadow-lg: 0 24px 64px rgba(15, 23, 42, 0.12);
  --rk-mesh: radial-gradient(ellipse 70% 50% at 20% -10%, color-mix(in srgb, var(--primary) 12%, #fafaf9), transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 20%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 50%),
    #fafaf9;
  --rk-hero-overlay: linear-gradient(105deg, rgba(250, 250, 249, 0.96) 0%, rgba(250, 250, 249, 0.82) 50%, rgba(250, 250, 249, 0.6) 100%);
}

/* Aliases usados pelos templates */
html[data-theme="dark"],
html[data-theme="light"] {
  --bg: var(--rk-bg);
  --bg-soft: var(--rk-bg-soft);
  --bg-card: var(--rk-bg-card);
  --text: var(--rk-text);
  --text-2: var(--rk-text-2);
  --text-3: var(--rk-text-3);
  --line: var(--rk-line);
  --line-2: var(--rk-line-2);
  --chip: var(--rk-chip);
  --shadow: var(--rk-shadow);
  --shadow-lg: var(--rk-shadow-lg);
  --mesh: var(--rk-mesh);
  --hero-overlay: var(--rk-hero-overlay);
}

.rk-theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--line-2);
  background: var(--bg-card);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s, border-color 0.2s;
}
.rk-theme-toggle:hover { transform: scale(1.05); border-color: color-mix(in srgb, var(--primary) 40%, var(--line)); }
html[data-theme="dark"] .rk-theme-toggle .icon-sun { display: none; }
html[data-theme="light"] .rk-theme-toggle .icon-moon { display: none; }