/**
 * Cloud Win — tokens de tema (Classic / Neon)
 * Neon = tema atual | Classic = Croster original (croster-02)
 */

html[data-theme="neon"],
html:not([data-theme]) {
  --cw-theme-id: neon;
  --cw-glow-scale: 0.72;
  --cw-border-scale: 0.78;
  --cw-smoke-scale: 0.74;
  --cw-primary-glow: 0.85;
}

html[data-theme="classic"] {
  --cw-theme-id: classic;
  --cw-glow-scale: 0;
  --cw-border-scale: 1;
  --cw-smoke-scale: 0;
  --cw-primary-glow: 1;

  /* Paleta Classic (Croster / Cloud Win original) */
  --rk-cyan: #0273d4;
  --rk-teal: #17a2b8;
  --rk-violet: #6610f2;
  --rk-purple: #6f42c1;
  --rk-orange: #fd7e14;
  --rk-gold: #ffc107;
  --rk-ok: #28a745;
  --rk-warn: #f0ad4e;
  --rk-danger: #d9534f;
  --rk-bg: #f4f8fb;
  --rk-bg-deep: #eef2f7;
  --rk-surface: #ffffff;
  --rk-glass: #ffffff;
  --rk-border: rgba(2, 115, 212, 0.14);
  --rk-grid: rgba(2, 115, 212, 0.04);
  --rk-text: #2c3e50;
  --rk-muted: #6c757d;
  --rk-ink: #212529;
  --rk-grad: linear-gradient(135deg, #0273d4, #0adb00);
  --rk-grad-warm: linear-gradient(135deg, #ffc107, #fd7e14);
  --rk-grad-soft: linear-gradient(135deg, rgba(2, 115, 212, 0.08), rgba(10, 219, 0, 0.06));
  --rk-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --rk-glow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 8px 20px rgba(15, 23, 42, 0.06);
}

html[data-theme-transition] body.rackon-client,
html[data-theme-transition] body.rackon-client .TM-card,
html[data-theme-transition] body.rackon-client .panel,
html[data-theme-transition] body.rackon-client .navbar,
html[data-theme-transition] body.rackon-client #order-standard_cart {
  transition:
    background-color 0.38s ease,
    color 0.28s ease,
    border-color 0.32s ease,
    box-shadow 0.38s ease,
    filter 0.32s ease !important;
}