/*
 * Business Automator — brand color + token source of truth.
 *
 * Linked from every authenticated surface (dashboard, admin, community)
 * so a single edit propagates to all member-facing UI. The funnel + brand
 * site files (home.html, Funnel.html) keep their own inline tokens —
 * they're intentionally self-contained for ad-network preview / SSR.
 *
 * If you change a color here, mirror it into the inline :root blocks in
 * dashboard.html and admin.css as well (those existed before this file
 * and are kept inline so the dashboard renders even when CSS load races).
 */

:root {
  /* Ink scale (neutrals) */
  --ink:           #0a0a0a;
  --ink-2:         #2a2a30;
  --ink-3:         #525258;
  --ink-4:         #8a8a92;

  /* Lines + backgrounds */
  --line:          #ececea;
  --line-2:        #e0ddd6;
  --bg:            #ffffff;
  --bg-soft:       #faf9f6;
  --bg-tint:       #f6f2ec;

  /* Brand purples (the heart of the palette) */
  --night:         #08023a;
  --purple:        #7a33ff;
  --purple-2:      #c14dff;
  --purple-3:      #5d18d9;
  --purple-tint:   #f3eefe;

  /* Gradients */
  --grad-purple:   linear-gradient(135deg, #9a3bff 0%, #5e1ad8 100%);
  --grad-pill:     linear-gradient(90deg, #7a33ff 0%, #9a3bff 50%, #e640ff 100%);
  --grad-card:     linear-gradient(135deg, #1a0a52 0%, #08023a 60%, #14092e 100%);
  --grad-wordmark: linear-gradient(90deg, #9a3bff 0%, #5e1ad8 100%);

  /* Shadows */
  --shadow-sm:     0 1px 3px rgba(10,10,10,.06), 0 1px 2px rgba(10,10,10,.04);
  --shadow-md:     0 8px 30px rgba(10,10,10,.06), 0 2px 6px rgba(10,10,10,.04);
  --shadow-lg:     0 24px 60px rgba(10,10,10,.10);

  /* Semantic colors */
  --green:         #14a35d;
  --green-tint:    #e9f7ee;
  --amber:         #b96a00;
  --amber-tint:    #fff5e6;
  --red:           #c83e3e;
  --red-tint:      #fdf3f3;

  /* Plus/Pro tier accents (used by community surface) */
  --tier-plus:     #7a33ff;
  --tier-pro:      #b96a00;
}