/* DO NOT EDIT — generated file */
/* allme.fyi brand tokens — indigo/violet. Pair with static-base.css */
:root {
  --brand-1: #6366f1;
  --brand-2: #8b5cf6;
  --brand-mid: #7c5ef3;
  --brand-grad: linear-gradient(135deg, #6366f1, #8b5cf6);
  --band-grad: linear-gradient(135deg, #1e1b4b, #312e81);
  --cta-grad: linear-gradient(135deg, #312e81, #6d28d9);
  --accent-soft: rgba(99, 102, 241, 0.08);
  --accent-border: rgba(99, 102, 241, 0.25);
  --border-hover: rgba(99, 102, 241, 0.3);
  --icon-bg: rgba(99, 102, 241, 0.08);
  --icon-color: #6366f1;
  --badge-bg: rgba(99, 102, 241, 0.08);
  --badge-border: rgba(99, 102, 241, 0.2);
  --badge-color: #6366f1;
  --badge-dot: #059669;
  --nav-border: #e5e7eb;
  --popular-border: rgba(99, 102, 241, 0.3);
  --popular-shadow: 0 4px 24px rgba(99, 102, 241, 0.08);
}

[data-theme="dark"] {
  --accent-soft: rgba(99, 102, 241, 0.1);
  --accent-border: rgba(99, 102, 241, 0.25);
  --border-hover: rgba(99, 102, 241, 0.25);
  --icon-bg: rgba(99, 102, 241, 0.1);
  --icon-color: #a78bfa;
  --badge-bg: rgba(99, 102, 241, 0.12);
  --badge-border: rgba(99, 102, 241, 0.25);
  --badge-color: #a78bfa;
  --badge-dot: #34d399;
  --nav-border: rgba(99, 102, 241, 0.1);
  --popular-border: rgba(99, 102, 241, 0.4);
  --popular-shadow: 0 0 40px rgba(99, 102, 241, 0.1);
}