/* Vacei — Colour.
   Light warm-neutral canvas, one royal-blue brand, a teal cover gradient for
   page headers, and lime reserved for the Assistant surface.
   Values are the repo's canonical --a4-* / --vacei-* set (handoff/vacei-brand.css). */
:root {
  /* ---- Brand blue ------------------------------------------------------ */
  --brand:            #3F4FE3;   /* the single brand blue                  */
  --brand-hover:      #3339C4;   /* hover / pressed / active label         */
  --brand-glow:       #5A67FF;
  --brand-soft:       #EEF0FF;   /* tinted chip + avatar fill              */
  --brand-soft-border:#C9CBF5;
  --brand-tint:       rgba(63,79,227,0.08);
  --brand-focus:      #7B80FF;
  --on-brand:         #ffffff;

  /* ---- Canvas / Surface ----------------------------------------------- */
  --canvas:           #E8E8E9;   /* app canvas behind the glass shells     */
  --card:             #FFFFFF;
  --surface-subtle:   #F2F2F2;   /* quiet rows, chips                      */
  --surface-hover:    #EAEAEA;
  --surface-quiet:    #FAFAFA;
  --shell-dark:       #101014;   /* assistant avatar, dark pills           */
  --sidebar-dark:     #0C0C0E;   /* legacy dark rail (partner surfaces)    */
  --sidebar-active:   rgba(63,79,227,0.24);

  /* ---- Glass ---------------------------------------------------------- */
  --glass:            rgba(255,255,255,0.66);
  --glass-hover:      rgba(255,255,255,0.78);
  --glass-border:     rgba(255,255,255,0.85);
  --glass-quiet:      rgba(255,255,255,0.40);

  /* ---- Hairlines ------------------------------------------------------ */
  --hairline:         #E4E4E4;
  --hairline-soft:    #EDEDED;
  --hairline-strong:  #D6D6D6;
  --hairline-onglass: rgba(0,0,0,0.09);

  /* ---- Ink ------------------------------------------------------------ */
  --ink:              #151515;   /* headings, values                       */
  --body:             #3B3B3B;   /* nav labels, prose                      */
  --stone:            #6B6B6B;
  --mute:             #8E8E8E;   /* captions, group labels                 */
  --on-dark:          #ffffff;
  --on-cover:         rgba(255,255,255,0.80);

  /* ---- Cover gradient (page header) ----------------------------------- */
  --cover-1:          #33646E;
  --cover-2:          #4E7B84;
  --cover-3:          #6B939B;
  --cover-4:          #8FAEB3;

  /* ---- Lime — the Assistant / Ledger AI surface ONLY ------------------ */
  --lime:             #C7EF3E;
  --lime-1:           #E7EBB4;
  --lime-2:           #EEF29E;
  --lime-3:           #F9FD87;
  --lime-ink:         #1F2A0C;
  --lime-wash:        rgba(132,140,48,0.26);

  /* ---- Status --------------------------------------------------------- */
  --status-auto:      #3AAFC9;  --status-auto-bg:    rgba(58,175,201,0.14);
  --status-review:    #E8B04B;  --status-review-bg:  rgba(232,176,75,0.20);
  --status-review-fg: #A9761F;
  --status-posted:    #12A150;  --status-posted-bg:  rgba(18,161,80,0.12);
  --status-posted-deep:#0E7C3E;
  --status-danger:    #E25C5C;  --status-danger-bg:  rgba(226,92,92,0.14);
  --status-neutral:   #8D969E;  --status-neutral-bg: rgba(141,150,158,0.14);
  --badge-active-bg:  #E9F7E1;  --badge-active-fg:   #428619;
  --notify-dot:       #E8B04B;

  /* ---- Marketing pages (flat paper, not glass) ------------------------ */
  --paper:            #FAFAFA;   /* page background on marketing surfaces  */
  --line:             #E4E4E4;   /* card + section hairline                */
  --line-soft:        #EDEDED;
  --marketing-mute:   #707070;
  --marketing-ok:     #1F8E63;  --marketing-ok-bg:   rgba(52,192,139,0.14);
  --marketing-warn:   #B47E1E;  --marketing-warn-bg: rgba(232,176,75,0.18);
  --marketing-yes:    #14724A;   /* pricing-table tick                     */
  --marketing-dark:   #151515;   /* closing CTA band + primary button       */

  /* ---- Semantic aliases ----------------------------------------------- */
  --text-heading:     var(--ink);
  --text-body:        var(--body);
  --text-muted:       var(--mute);
  --surface-card:     var(--card);
  --border-light:     var(--hairline);
  --link:             var(--brand);
  --link-hover:       var(--brand-hover);
}