/* DO NOT EDIT — generated file */
/* allus.fyi brand tokens — teal/cyan. Pair with static-base.css */
:root {
  --brand-1: #0d9488;
  --brand-2: #06b6d4;
  --brand-mid: #0aa5ae;
  --brand-grad: linear-gradient(135deg, #0d9488, #06b6d4);
  --band-grad: linear-gradient(135deg, #042f2e, #134e4a);
  --cta-grad: linear-gradient(135deg, #134e4a, #0e7490);
  --accent-soft: rgba(13, 148, 136, 0.08);
  --accent-border: rgba(13, 148, 136, 0.25);
  --border-hover: rgba(13, 148, 136, 0.3);
  --icon-bg: rgba(13, 148, 136, 0.08);
  --icon-color: #0d9488;
  --badge-bg: rgba(13, 148, 136, 0.08);
  --badge-border: rgba(13, 148, 136, 0.2);
  --badge-color: #0d9488;
  --badge-dot: #059669;
  --nav-border: #e5e7eb;
  --popular-border: rgba(13, 148, 136, 0.3);
  --popular-shadow: 0 4px 24px rgba(13, 148, 136, 0.08);
}

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