:root {
  --c-bg: #FBF4FF;
  --c-surface: #FFFFFF;
  --c-border: #EBDDF7;
  --c-border-input: #8F78AD;
  --c-text: #2A0E4C;
  --c-text-muted: #66548A;
  --c-accent: #7B2CBF;
  --c-accent-hover: #5F1FA0;
  --c-accent-soft: #F3E8FF;
  --c-on-accent: #FFFFFF;
  --c-pink: #E0218A;
  --c-pink-soft: #FFE3F2;
  --c-pink-ink: #AE136B;
  --c-warm: #D81B84;
  --c-on-warm: #FFFFFF;
  --c-danger: #C0262D;
  --c-success: #15803D;
  --c-verified: #1A7FE8;
  --grad: linear-gradient(135deg, #7B2FD0 0%, #C2209A 62%, #DD1A85 100%);
  --grad-soft: linear-gradient(135deg, #F3E8FF 0%, #FFE3F2 100%);
  --fs-xs: 12px; --lh-xs: 16px;
  --fs-sm: 14px; --lh-sm: 20px;
  --fs-base: 16px; --lh-base: 24px;
  --fs-lg: 20px; --lh-lg: 28px;
  --fs-xl: 28px; --lh-xl: 34px;
  --fs-display: 38px; --lh-display: 42px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;
  --sh-card: 0 6px 24px rgba(123, 44, 191, .10), 0 1px 3px rgba(42, 14, 76, .06);
  --sh-pop: 0 18px 48px rgba(90, 30, 150, .28);
  --sh-btn: 0 8px 20px rgba(194, 32, 154, .32);
  --s-0: 0px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --font: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ease: cubic-bezier(.2,.8,.2,1);
}
:root[data-theme="dark"] {
  --c-bg: #160A26;
  --c-surface: #23123A;
  --c-border: #3F2A5E;
  --c-border-input: #A28BC4;
  --c-text: #FBF4FF;
  --c-text-muted: #D2BEEA;
  --c-accent: #C99BFF;
  --c-accent-hover: #DDBBFF;
  --c-accent-soft: #3A2160;
  --c-on-accent: #1B0B33;
  --c-pink: #FF6DB8;
  --c-pink-soft: #4A1B45;
  --c-pink-ink: #FF9FD2;
  --c-warm: #FF6DB8;
  --c-on-warm: #2A0E4C;
  --c-danger: #FF8A8F;
  --c-success: #4ADE80;
  --c-verified: #5AB0FF;
  --grad: linear-gradient(135deg, #8E44E0 0%, #C2209A 62%, #DD1A85 100%);
  --grad-soft: linear-gradient(135deg, #3A2160 0%, #4A1B45 100%);
  --sh-card: 0 6px 24px rgba(0, 0, 0, .35);
  --sh-pop: 0 18px 48px rgba(0, 0, 0, .6);
}