/* ============================================================
   ناروِلا — Marketing site V2 theme (violet, docs/salonanewtheme.html)
   Overlay ONLY: loaded AFTER css/marketing.css when the back office
   («تم پنل») selects the violet theme. It re-states the :root colour
   tokens and the few rules marketing.css hard-codes in the classic
   pink palette; everything token-driven restyles automatically.
   ============================================================ */

:root{
    --primary:#7c5cff; --primary-600:#6642f0; --primary-100:#ede8ff; --primary-50:#f7f5ff;
    /* Extra stop marketing gradients use in place of the classic pink fade. */
    --violet-2:#a855f7;
    /* V2 has no amber: every var(--gold) accent (brand mark, mock chip,
       step numbers, plan badge) resolves to the secondary violet instead. */
    --gold:var(--violet-2);
    --bg:#f5f4fb; --surface:#ffffff; --ink:#241f33; --ink-soft:#574d6b; --muted:#8b83a8; --border:#ebe7f7;
    --sidebar:#221c3a; --sidebar-2:#150f28;
    --success:#12b57a; --warning:#e2a33a; --info:#4f7ff0; --danger:#ef4444;
    --shadow-sm:0 2px 8px rgba(36,31,51,.05);
    --shadow:0 10px 30px rgba(36,31,51,.08);
    --shadow-lg:0 20px 50px rgba(84,60,174,.18);
}

/* Brand mark: pink glow → violet glow */
.mk-brand__mark{ box-shadow:0 8px 20px rgba(124,92,255,.45); }

/* Primary buttons: the classic gradient's pink stop becomes violet */
.btn--primary{ background:linear-gradient(135deg, var(--primary), var(--violet-2)); box-shadow:0 10px 24px rgba(124,92,255,.35); }
.btn--primary:hover{ box-shadow:0 14px 30px rgba(124,92,255,.45); }

/* Hero: the second radial sits on a lavender tint instead of pink-grey */
.mk-hero{ background:
    radial-gradient(900px 500px at 100% -10%, var(--primary-100) 0%, transparent 60%),
    radial-gradient(700px 400px at -10% 110%, #f3eefe 0%, transparent 60%), var(--surface); }

/* CTA band copy: warm grey → cool violet-grey */
.mk-cta p{ color:#cfc8e4; }