/* ==============================================================
 * HC JOYN MAINPAGE - Design Tokens
 *
 * All CSS variables consumed across the plugin. Admin color settings
 * override these via inline <style> injected by class-assets.php.
 * ============================================================== */

:root{
  /* Brand (Solapi) — overridable by admin */
  --hcjm-primary:        #4541FF;
  --hcjm-primary-dark:   #2E29D4;
  --hcjm-primary-light:  #6E6BFF;
  --hcjm-primary-soft:   #ECEBFF;
  --hcjm-primary-faint:  #F5F5FF;

  /* Surface */
  --hcjm-bg:             #F7F7FB;
  --hcjm-card:           #FFFFFF;
  --hcjm-line:           #ECEBFF;
  --hcjm-border:         #E5E5F0;

  /* Text */
  --hcjm-text:           #0F1024;
  --hcjm-text-sub:       #4A4D63;
  --hcjm-muted:          #8A8FA5;

  /* Status */
  --hcjm-live:           #FF3B5C;
  --hcjm-success:        #16A34A;
  --hcjm-warning:        #F59E0B;

  /* Radius scale */
  --hcjm-radius-xs:      8px;
  --hcjm-radius-sm:      12px;
  --hcjm-radius-md:      18px;
  --hcjm-radius-lg:      24px;
  --hcjm-radius-xl:      28px;

  /* Shadow scale */
  --hcjm-shadow-sm:      0 4px 12px rgba(34,28,140,.06);
  --hcjm-shadow-md:      0 10px 24px rgba(34,28,140,.08);
  --hcjm-shadow-lg:      0 18px 38px rgba(34,28,140,.12);
  --hcjm-shadow-primary: 0 14px 30px rgba(69,65,255,.28);

  /* Spacing scale */
  --hcjm-space-1:        4px;
  --hcjm-space-2:        8px;
  --hcjm-space-3:        12px;
  --hcjm-space-4:        16px;
  --hcjm-space-5:        20px;
  --hcjm-space-6:        24px;
  --hcjm-space-8:        32px;
  --hcjm-space-10:       40px;
  --hcjm-space-12:       48px;
  --hcjm-space-16:       64px;
  --hcjm-space-20:       80px;
  --hcjm-space-24:       96px;

  /* Layout */
  --hcjm-mobile-max:     430px;
  --hcjm-desktop-max:    1280px;
  --hcjm-tabbar-h:       64px;

  /* Z-index scale */
  --hcjm-z-header:       100;
  /* Bottom fixed tabbar (.hcjm-tabbar); must stay above in-page badges/cards */
  --hcjm-z-tabbar:       200;
  --hcjm-z-fixed:        200; /* tabbar + other fixed chrome; keep < overlay */
  --hcjm-z-overlay:      900;
  --hcjm-z-modal:        1000;

  /* Animation */
  --hcjm-ease:           cubic-bezier(.32,.72,0,1);
  --hcjm-dur-fast:       .15s;
  --hcjm-dur:            .25s;
  --hcjm-dur-slow:       .5s;
}