/* SellWorthy Builder design tokens — mirrors sellworthy-builder-mocks/css/tokens.css.
   Scoped to .qb-wizard (not :root) so the wizard's palette can never leak into or
   clobber the rest of the app's global tokens. Values are identical to the mock. */
.qb-wizard {
  /* Type scale */
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);
  --text-xl:   clamp(1.5rem,   1.2rem  + 1.25vw, 2.25rem);
  --text-2xl:  clamp(2rem,     1.5rem  + 2vw,    3rem);

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Neutrals */
  --color-bg:               #FAFAF7;
  --color-surface:          #FFFFFF;
  --color-surface-2:        #F5F5F0;
  --color-surface-offset:   #EFEFE8;
  --color-surface-dynamic:  #E4E4DC;
  --color-divider:          #E4E4DC;
  --color-border:           #C8C8BE;

  /* Text */
  --color-text:        #1E2A52;
  --color-text-muted:  #4A5578;
  --color-text-faint:  #A8ADBD;
  --color-text-inverse:#FFFFFF;

  /* Brand */
  --color-primary:            #1E2A52;
  --color-primary-hover:      #2A3968;
  --color-primary-active:     #141C3A;
  --color-primary-highlight:  #E8ECF5;
  --color-accent:             #F4A22A;
  --color-accent-hover:       #E89217;
  --color-accent-active:      #D18310;
  --color-accent-highlight:   #FDF3E1;

  /* Semantic */
  --color-success:            #16A34A;
  --color-success-highlight:  #DCFCE7;
  --color-warning:            #F4A22A;
  --color-warning-highlight:  #FDF3E1;
  --color-error:              #DC2626;
  --color-error-highlight:    #FEE2E2;

  /* RQS bands */
  --color-band-excellent:     #16A34A;
  --color-band-good:          #65A30D;
  --color-band-fair:          #F4A22A;
  --color-band-poor:          #EA580C;
  --color-band-floor:         #DC2626;

  /* Status */
  --color-status-draft:       #7A8299;
  --color-status-sent:        #1E2A52;
  --color-status-signed:      #16A34A;
  --color-status-lost:        #DC2626;

  /* Line-item source chips */
  --chip-parts-bg:      #E8ECF5;
  --chip-parts-fg:      #1E2A52;
  --chip-warranty-bg:   #FDF3E1;
  --chip-warranty-fg:   #8A5A0A;
  --chip-multiyear-bg:  #DCFCE7;
  --chip-multiyear-fg:  #14532D;
  --chip-custom-bg:     #F5F5F0;
  --chip-custom-fg:     #4A5578;

  /* Radii */
  --radius-sm:   0.375rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(30, 42, 82, 0.04), 0 1px 3px rgba(30, 42, 82, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(30, 42, 82, 0.05), 0 2px 4px -1px rgba(30, 42, 82, 0.03);
  --shadow-lg: 0 10px 15px -3px rgba(30, 42, 82, 0.08), 0 4px 6px -2px rgba(30, 42, 82, 0.03);
  --shadow-sheet: 0 -8px 24px rgba(30, 42, 82, 0.12);

  /* Motion */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-med:  220ms;
  --dur-slow: 360ms;
}