/*
SocialSkyRocket central theme variables.
Admin setting controls html[data-ssr-theme="green"] or html[data-ssr-theme="pink"].
Only change colors here when changing brand theme.
*/
:root,
html[data-ssr-theme="green"]{
  --ssr-primary:#10B981;
  --ssr-primary-2:#22C55E;
  --ssr-secondary:#14B8A6;
  --ssr-accent:#A7F3D0;
  --ssr-primary-rgb:16 185 129;
  --ssr-secondary-rgb:20 184 166;

  --ssr-bg:#FFFDFB;
  --ssr-bg-soft:#F7FFF9;
  --ssr-bg-tint:#ECFDF5;
  --ssr-card:#FFFFFF;
  --ssr-card-soft:#FBFFFC;

  --ssr-heading:#111827;
  --ssr-text:#374151;
  --ssr-text-soft:#4B5563;
  --ssr-muted:#6B7280;
  --ssr-faint:#9CA3AF;

  --ssr-border:#E5E7EB;
  --ssr-border-soft:#F0F4F2;
  --ssr-border-neutral:#E8EEE9;

  --ssr-radius-xs:.75rem;
  --ssr-radius-sm:1rem;
  --ssr-radius:1.35rem;
  --ssr-radius-lg:1.65rem;
  --ssr-radius-xl:2rem;

  --ssr-shadow-sm:0 8px 22px rgba(15,23,42,.045);
  --ssr-shadow-md:0 16px 42px rgba(15,23,42,.07);
  --ssr-shadow:0 22px 60px rgba(15,23,42,.08);
  --ssr-shadow-lg:0 30px 80px rgba(15,23,42,.10);
  --ssr-glow:0 18px 38px rgba(16,185,129,.20);
  --ssr-glow-strong:rgba(16,185,129,.55);

  --ssr-gradient:linear-gradient(135deg,var(--ssr-primary),var(--ssr-primary-2));
  --ssr-gradient-strong:linear-gradient(135deg,#059669,var(--ssr-primary),var(--ssr-primary-2));
  --ssr-gradient-soft:linear-gradient(135deg,rgba(16,185,129,.12),rgba(20,184,166,.08));
  --ssr-chip-bg:rgba(16,185,129,.08);
  --ssr-chip-text:#059669;
}

html[data-ssr-theme="pink"]{
  --ssr-primary:#EC4899;
  --ssr-primary-2:#A855F7;
  --ssr-secondary:#8B5CF6;
  --ssr-accent:#F9A8D4;
  --ssr-primary-rgb:236 72 153;
  --ssr-secondary-rgb:168 85 247;

  --ssr-bg:#FFF9FC;
  --ssr-bg-soft:#FFF3FA;
  --ssr-bg-tint:#FDF2F8;
  --ssr-card:#FFFFFF;
  --ssr-card-soft:#FFFBFE;

  --ssr-heading:#111827;
  --ssr-text:#374151;
  --ssr-text-soft:#4B5563;
  --ssr-muted:#6B7280;
  --ssr-faint:#9CA3AF;

  --ssr-border:#F1E7EF;
  --ssr-border-soft:#F8EEF5;
  --ssr-border-neutral:#F2E5EF;

  --ssr-shadow-sm:0 8px 22px rgba(157,23,77,.045);
  --ssr-shadow-md:0 16px 42px rgba(157,23,77,.07);
  --ssr-shadow:0 22px 60px rgba(157,23,77,.085);
  --ssr-shadow-lg:0 30px 80px rgba(157,23,77,.11);
  --ssr-glow:0 18px 38px rgba(236,72,153,.22);
  --ssr-glow-strong:rgba(236,72,153,.55);

  --ssr-gradient:linear-gradient(135deg,var(--ssr-primary),var(--ssr-primary-2));
  --ssr-gradient-strong:linear-gradient(135deg,#DB2777,var(--ssr-primary),var(--ssr-primary-2));
  --ssr-gradient-soft:linear-gradient(135deg,rgba(236,72,153,.12),rgba(168,85,247,.08));
  --ssr-chip-bg:rgba(236,72,153,.08);
  --ssr-chip-text:#DB2777;
}