/* ============================================================
   conecte.ai — Color tokens
   Sourced verbatim from the production Rails Admin theme
   (app/assets/stylesheets/rails_admin/custom/variables.scss)
   and the new onboarding v2 layout.
   ============================================================ */

:root {
  /* --- Brand core --------------------------------------------------- */
  --brand-purple:        #3b195d;  /* $brand-primary — headings, primary ink */
  --brand-purple-deep:   #18104e;  /* $brand-info / $btn-primary-bg */
  --brand-purple-2:      #612999;  /* section dividers, labels, checkbox */
  --brand-purple-2b:     #612a99;  /* same hue, as written in codebase */
  --brand-cyan:          #45bbd8;  /* onboarding primary accent */
  --brand-cyan-bright:   #28D1FB;  /* active-nav text, unseen dot */
  --brand-cyan-soft:     #69cae2;  /* button borders */
  --brand-cyan-alt:      #46bad6;  /* input underline / dot accent */
  --brand-cyan-alt2:     #46bbd8;  /* root-link border */

  /* Signature gradient (purple -> cyan). Used on hero bg + primary CTA. */
  --brand-gradient:      linear-gradient(135deg, #3b195d 0%, #45bbd8 100%); /* @kind color */
  --brand-gradient-soft: linear-gradient(135deg, rgba(59,25,93,.08), rgba(69,187,216,.14)); /* @kind color */

  /* --- Ink / surfaces ---------------------------------------------- */
  --ink-900:             #111827;  /* sidebar background (navy-black) */
  --ink-800:             #1a2236;
  --ink-700:             #200b34;  /* root-link hover */
  --ink-base:            #333333;  /* body text on light */
  --ink-muted:           #666666;  /* secondary text */
  --ink-faint:           #999999;  /* placeholders, inactive labels */

  --surface-page:        #fafafa;  /* app canvas */
  --surface-card:        #ffffff;
  --surface-tint:        #f6f2fe;  /* striped table rows / light purple */
  --surface-tint-2:      #f6f2ff;  /* filter hover */
  --surface-cyan-tint:   #f0f9fc;  /* selected / hover fill */
  --surface-purple-tint: #f5f0f9;  /* dragover fill */

  /* --- Borders ----------------------------------------------------- */
  --border-soft:         #e0e0e0;  /* onboarding input border */
  --border-card:         #e6e0ec;  /* onboarding card border */
  --border-field:        #e7e2ee;  /* plan-review field border */
  --border-hairline:     #eeeeee;

  /* Nav active tint: purple @ 30% alpha over navy */
  --nav-active-fill:     rgba(97,41,153,.30); /* #6129994d */

  /* --- Semantic: status -------------------------------------------- */
  --success:             #16D97F;  /* Confirmar button */
  --success-hover:       #0da860;
  --success-soft:        #63f1ac;  /* approved row */
  --success-glow:        #15f5b9;

  --danger:              #FE4F6F;  /* Rejeitar button */
  --danger-hover:        #c22340;
  --danger-soft:         #f77c91;  /* rejected row */

  --info:                #45bbd7;  /* alert-success / info banner */
  --audit:               #4686ec;  /* auditing row */
  --warning:             #f0ac4e;  /* debt row */

  /* Row highlight fills (as used in the leads table) */
  --row-approved:        rgba(99,241,172,.63);  /* #63f1aca1 */
  --row-rejected:        rgba(247,124,145,.44); /* #f77c916f */
  --row-auditing:        rgba(70,134,236,.35);  /* #4686ec59 */
  --row-debt:            rgba(240,172,78,.76);  /* #f0ac4ec1 */

  /* --- Semantic aliases (use these in components) ------------------ */
  --color-primary:       var(--brand-purple);
  --color-primary-strong:var(--brand-purple-deep);
  --color-accent:        var(--brand-cyan);
  --text-heading:        var(--brand-purple);
  --text-body:           var(--ink-base);
  --text-muted:          var(--ink-muted);
  --text-on-brand:       #ffffff;
  --link-color:          var(--brand-cyan-bright);

  --focus-ring:          0 0 0 3px rgba(69,187,216,.18);
}