/* ==================================================================== */
/* CustomSurg / Chimplants — consolidated color palette                  */
/*                                                                       */
/* This file is the ONLY place where raw hex / rgb color values may be   */
/* defined. Everywhere else (templates, inline styles, <style> blocks)   */
/* use these CSS variables: var(--cs-...).                               */
/* For alpha variants use the *-rgb triplets: rgba(var(--cs-teal-rgb), .2) */
/* ==================================================================== */

:root {
  /* ------------------------------------------------------------------ */
  /* Brand palette (CustomSurg CD)                                       */
  /* ------------------------------------------------------------------ */
  --cs-dark-teal:        #145370;
  --cs-dark-teal-rgb:    20, 83, 112;
  --cs-dark-teal-hover:  #0f3f57;  /* buttons: hover state */
  --cs-dark-teal-active: #0c3448;  /* buttons: active state */
  --cs-teal:             #3EA2B1;
  --cs-teal-rgb:         62, 162, 177;
  --cs-light-teal:       #B8F5F5;
  --cs-light-teal-rgb:   184, 245, 245;
  --cs-charcoal:         #433B4B;
  --cs-orange:           #F59303;
  --cs-soft-orange:      #FFC000;

  /* ------------------------------------------------------------------ */
  /* Neutrals & surfaces                                                 */
  /* ------------------------------------------------------------------ */
  --cs-white:            #ffffff;
  --cs-white-rgb:        255, 255, 255;
  --cs-bg:               #F4F4F4;  /* app background */
  --cs-auth-bg:          #f0f4ff;  /* standalone auth pages background */
  --cs-border:           #dde2e6;
  --cs-grey:             #8a8595;  /* draft badge */
  --cs-grey-border:      #c5c0cb;  /* outline-secondary border */
  --cs-muted:            #6c757d;  /* secondary text */
  --cs-teal-tint:        #eaf6f8;  /* clickable table row hover */

  /* ------------------------------------------------------------------ */
  /* Screw-type / slot chips                                             */
  /* ------------------------------------------------------------------ */
  --cs-chip-locking-bg:       #E6F1FB;
  --cs-chip-locking-text:     #0C447C;
  --cs-chip-locking-border:   #B5D4F4;
  --cs-chip-cortical-bg:      #EAF3DE;
  --cs-chip-cortical-text:    #27500A;
  --cs-chip-cortical-border:  #C0DD97;
  --cs-chip-cancellous-bg:    #FAEEDA;
  --cs-chip-cancellous-text:  #633806;
  --cs-chip-cancellous-border:#FAC775;
  --cs-chip-neutral-bg:       #F1EFE8;
  --cs-chip-neutral-text:     #444441;
  --cs-chip-neutral-border:   #D3D1C7;
  --cs-chip-slot-bg:          #E1F5EE;
  --cs-chip-slot-text:        #085041;
  --cs-chip-slot-border:      #9FE1CB;

  /* ------------------------------------------------------------------ */
  /* Job status badges (done / failed / running)                         */
  /* Also reused for the commercial-agreement Yes/No badges.             */
  /* ------------------------------------------------------------------ */
  --status-badge-done-background:    #eafff2;
  --status-badge-done-text:          #218c5b;
  --status-badge-failed-background:  #ffeaea;
  --status-badge-failed-text:        #c0392b;
  --status-badge-running-background: #fffbe0;
  --status-badge-running-text:       #bfa100;
  --status-badge-default-background: #f7f7fa;
  --status-badge-default-text:       #555;

  /* ------------------------------------------------------------------ */
  /* Third-party brand colors (Microsoft sign-in logo)                   */
  /* ------------------------------------------------------------------ */
  --ms-red:    #f25022;
  --ms-green:  #7fba00;
  --ms-blue:   #00a4ef;
  --ms-yellow: #ffb900;
}