:root, .ads-theme-base {
  --ads-bg: #0b0f1a;
  --ads-surface: #12172a;
  --ads-surface-2: #0f1424;
  --ads-text: #e6e9f2;
  --ads-muted: #9aa4bf;
  --ads-primary: #ff5078; /* pink sakura neon */
  --ads-primary-contrast: #0b0f1a;
  --ads-accent: #78e2ff;  /* cyan neon */
  --ads-success: #16a34a;
  --ads-warning: #f59e0b;
  --ads-danger: #ef4444;
  --ads-radius: 12px;
  --ads-ring: 0 0 0 3px rgba(120, 226, 255, .25);
  --ads-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Kawaii: pastel, claro */
.ads-theme-kawaii {
  --ads-bg: #fff7fb;
  --ads-surface: #fff;
  --ads-surface-2: #ffeaf5;
  --ads-text: #2b2b2b;
  --ads-muted: #6b7280;
  --ads-primary: #ff7ab6;
  --ads-primary-contrast: #2b2b2b;
  --ads-accent: #71d0ff;
  --ads-success: #22c55e;
  --ads-warning: #f59e0b;
  --ads-danger: #ef4444;
  --ads-radius: 16px;
  --ads-ring: 0 0 0 3px rgba(255,122,182,.25);
}

/* Neon/Dark: alto contraste */
.ads-theme-neon {
  --ads-bg: #070a12;
  --ads-surface: #0e1424;
  --ads-surface-2: #0b1220;
  --ads-text: #e6f0ff;
  --ads-muted: #9db1d1;
  --ads-primary: #8a5cff;
  --ads-primary-contrast: #0b0f1a;
  --ads-accent: #00ffd1;
  --ads-success: #22ff99;
  --ads-warning: #ffd166;
  --ads-danger: #ff6b6b;
  --ads-radius: 12px;
  --ads-ring: 0 0 0 3px rgba(138,92,255,.35);
}

/* Utilidades globais */
.animax-surface { background: var(--ads-surface); color: var(--ads-text); border-radius: var(--ads-radius); box-shadow: var(--ads-shadow); }
.animax-btn {
  display:inline-flex; align-items:center; gap:8px; border:0; cursor:pointer; font-weight:600;
  padding:10px 14px; border-radius: calc(var(--ads-radius) - 4px);
  color: var(--ads-primary-contrast); background: var(--ads-primary);
}
.animax-btn:hover { filter: brightness(.95); box-shadow: var(--ads-ring); }
.animax-input {
  background: var(--ads-surface-2); color: var(--ads-text);
  border: 1px solid rgba(255,255,255,.08); border-radius: var(--ads-radius);
  padding: 10px 12px; outline: none;
}
.animax-input:focus { box-shadow: var(--ads-ring); border-color: var(--ads-accent); }
.animax-label { color: var(--ads-muted); display:block; margin: 0 0 6px; font-weight: 500; }
.animax-chip { display:inline-block; padding:4px 10px; border-radius: 999px; background: var(--ads-surface-2); color: var(--ads-text); }