/* Pi Chatbot — design-token aliases. The --cb-* names map directly to the theme's own
   tokens (_tokens.css: --p/--b1/--b2/--bc/--bd/--su/--danger...) so every other partial
   in this folder never hardcodes a color — it only ever reads --cb-*. Any theme that
   defines the same underlying tokens (saigonhouse, etc.) gets a correctly-themed widget
   for free, with no other file needing an edit.
*/
:root {
    --cb-accent:          var(--cb-accent-custom, var(--color-primary, var(--p, var(--gold, #f5a623))));
    --cb-accent-hover:    var(--cb-accent-custom-hover, var(--color-primary-hover, var(--ph, var(--gold-dim, #d18910))));
    --cb-accent-text:     var(--color-primary-content, var(--pc, #000000));
    --cb-accent-soft:     color-mix(in srgb, var(--cb-accent) 12%, transparent);
    --cb-accent-ring:     color-mix(in srgb, var(--cb-accent) 25%, transparent);
    --cb-accent-glow:     color-mix(in srgb, var(--cb-accent) 30%, transparent);
    --cb-accent-glow-dim: color-mix(in srgb, var(--cb-accent) 4%, transparent);
    --cb-dark:            var(--color-base-100, var(--b1, #0a0a0a));
    --cb-darker:          var(--color-base-100, var(--b1, #0a0a0a));
    --cb-slate:           var(--color-base-200, var(--b2, #131313));
    --cb-text:            var(--color-base-content, var(--bc, #ffffff));
    --cb-text-muted:      var(--color-content-ghost, var(--color-content-dim, var(--bc3, color-mix(in srgb, var(--cb-text) 65%, transparent))));
    --cb-border:          var(--color-border-default, var(--bd, var(--border-default, rgba(255, 255, 255, 0.08))));
    --cb-online:          var(--color-success, var(--su, #16a34a));
    --cb-error-bg:         color-mix(in srgb, var(--color-danger, var(--er, var(--danger, #c1272d))) 20%, var(--cb-slate));
    --cb-error-text:       var(--cb-text);
    --cb-bg:               var(--cb-darker, #0a0a0a);
}