/* ================================================================
   Babel Contract Board — Color Tokens
   ================================================================ */

:root {
  /* ── BACKGROUNDS ──────────────────────────────────────────── */
  --cb-bg-app:          #F7F5FF;   /* lavender app background   */
  --cb-bg-surface:      #FFFFFF;   /* cards, panels, widgets    */
  --cb-bg-surface-alt:  #F5F2FA;   /* inner fields, subtle bg   */
  --cb-bg-section:      #EDEAF3;   /* table header row          */
  --cb-bg-dark:         #0E0127;   /* dark background           */

  /* ── BORDERS ──────────────────────────────────────────────── */
  --cb-border:          #C4C4C4;   /* default card/input border */
  --cb-border-accent:   #EDEAF3;   /* section divider           */
  --cb-border-focus:    #6952FA;   /* focus ring / upload zone  */

  /* ── CTA / INTERACTIVE ────────────────────────────────────── */
  --cb-cta-primary:     #6952FA;   /* primary button            */
  --cb-cta-primary-alt: #8775FB;   /* hover / search bar        */
  --cb-cta-secondary:   #E1DCFE;   /* secondary button bg       */
  --cb-cta-secondary-dk:#C3BAFD;   /* secondary darker          */

  /* ── BRAND ────────────────────────────────────────────────── */
  --cb-brand-deep:      #330099;   /* page titles, links        */
  --cb-brand-mid:       #5C3BAD;   /* emphasis text             */
  --cb-brand-indigo:    #2E1C7A;   /* logo deep chevron         */
  --cb-brand-periwinkle:#6C63C4;   /* logo top diamond          */
  --cb-brand-orange:    #FF8200;   /* "Contract Board" wordmark, check accent */

  /* ── TEXT ─────────────────────────────────────────────────── */
  --cb-text-primary:    #5C5870;   /* body, table data          */
  --cb-text-secondary:  rgba(92,88,112,0.70); /* muted labels    */
  --cb-text-muted:      #9994A6;   /* placeholders, hints       */
  --cb-text-disabled:   #B1B1B1;   /* disabled / vendor sub     */
  --cb-text-on-cta:     #FFFFFF;   /* text on purple buttons    */

  /* ── STATUS ───────────────────────────────────────────────── */
  --cb-status-active-text: #36B52F;
  --cb-status-active-bg:   #BDFFB9;
  --cb-status-active-dot:  #6EC981;

  --cb-status-expiring-text: #A4742F;
  --cb-status-expiring-bg:   #FBFEAC;
  --cb-status-expiring-dot:  #FFEE70;

  --cb-status-expired-text: #BE2D2D;
  --cb-status-expired-bg:   #FFBFBF;
  --cb-status-expired-dot:  #FF7470;

  /* ── DATA VISUALIZATION ───────────────────────────────────── */
  --cb-chart-100:  #8775FB;                /* primary series     */
  --cb-chart-60:   rgba(135,117,251,0.60); /* secondary / hover  */
  --cb-chart-30:   rgba(135,117,251,0.30); /* context / support  */
  --cb-chart-10:   rgba(135,117,251,0.10); /* area bg / disabled */
  --cb-chart-ring: #CFC8FD;                /* donut ring empty   */

  /* Budget previsto (planned) vs consuntivo (actual), split by payment type */
  --cb-budget-planned-oneoff:   #9586FC;   /* previsto — una tantum   */
  --cb-budget-planned-recur:    #CFC8FD;   /* previsto — ricorrente   */
  --cb-budget-actual-oneoff:    #5C3BAD;   /* consuntivo — una tantum */
  --cb-budget-actual-recur:     #A99BE0;   /* consuntivo — ricorrente */

  /* ── TAGS ─────────────────────────────────────────────────── */
  --cb-tag-default-bg:   #EDEAF3;
  --cb-tag-default-text: #666666;
  --cb-tag-custom-bg:    #C3BAFD;
  --cb-tag-custom-text:  #5C33AD;
}