/* Mood UI Kit brand v1 — design tokens mapped to site CSS variables.
   Source: ui-kit/design-tokens.json */

html[data-theme="dark"],
:root {
  --mood-kit-brand: linear-gradient(105deg, #44EBD5 0%, #80BDC2 55%, #C888A6 100%);
  --mood-kit-brand-ink: #141821;
  --mood-kit-accent: #44EBD5;
  --mood-kit-hover-overlay: #FFFFFF1A;
  --mood-kit-pressed-overlay: #0000001A;
  --mood-kit-disabled: #242832;
  --mood-kit-disabled-ink: #7F8491;
  --grad-brand: var(--mood-kit-brand);
  --accent: var(--mood-kit-accent);
  --accent-hover: #5ef0dc;
  --btn-primary-text: var(--mood-kit-brand-ink);
  --shadow-cta: none;
}

html[data-theme="light"] {
  --mood-kit-brand: linear-gradient(105deg, #FFA325 0%, #F3536B 100%);
  --mood-kit-brand-ink: #141821;
  --mood-kit-accent: #F3536B;
  --mood-kit-disabled: #E8E9ED;
  --mood-kit-disabled-ink: #9295A0;
  --grad-brand: var(--mood-kit-brand);
  --accent: var(--mood-kit-accent);
  --accent-hover: #ff4d6d;
  --btn-primary-text: var(--mood-kit-brand-ink);
  --shadow-cta: none;
}