/* ─── TGH Sales — Color Tokens ─────────────────────────────────────────── */

:root {

  /* ── Brand Red ─────────────────────────────────────────────────────────── */
  --color-red-primary:   #C00000;
  --color-red-dark:      #8B0000;
  --color-red-deeper:    #6E0000;
  --color-red-light:     #E02020;
  --color-red-muted:     rgba(192, 0, 0, 0.12);
  --color-red-surface:   #FFF0F0;

  /* ── Neutral Scale ─────────────────────────────────────────────────────── */
  --color-black:         #101010;
  --color-gray-800:      #1E1E1E;
  --color-gray-700:      #333333;
  --color-gray-600:      #4A4A4A;
  --color-gray-500:      #767575;
  --color-gray-400:      #9E9D9D;
  --color-gray-300:      #C5C4C4;
  --color-gray-200:      #E0E0E0;
  --color-gray-100:      #F2F2F2;
  --color-gray-50:       #F8F8F8;
  --color-white:         #FFFFFF;

  /* ── Sidebar Palette (dark navigation) ─────────────────────────────────── */
  --color-sidebar-bg:          #161616;
  --color-sidebar-surface:     #1E1E1E;
  --color-sidebar-hover:       #252525;
  --color-sidebar-active-bg:   rgba(192, 0, 0, 0.14);
  --color-sidebar-active-bar:  #C00000;
  --color-sidebar-border:      rgba(255, 255, 255, 0.07);
  --color-sidebar-text:        rgba(255, 255, 255, 0.62);
  --color-sidebar-text-active: #FFFFFF;
  --color-sidebar-icon:        rgba(255, 255, 255, 0.45);
  --color-sidebar-icon-active: #C00000;

  /* ── Semantic ───────────────────────────────────────────────────────────── */
  --color-success:         #1A7F4B;
  --color-success-surface: #E8F7EF;
  --color-warning:         #B45309;
  --color-warning-surface: #FEF3C7;
  --color-error:           #C00000;
  --color-error-surface:   #FFF0F0;
  --color-info:            #1D4ED8;
  --color-info-surface:    #EFF6FF;

  /* ── Semantic Aliases ───────────────────────────────────────────────────── */
  --color-bg:              #F8F8F8;
  --color-surface:         #FFFFFF;
  --color-surface-raised:  #FFFFFF;
  --color-border:          #E0E0E0;
  --color-border-subtle:   #F2F2F2;

  --color-text-primary:    #101010;
  --color-text-secondary:  #767575;
  --color-text-tertiary:   #9E9D9D;
  --color-text-disabled:   #C5C4C4;
  --color-text-inverse:    #FFFFFF;
  --color-text-link:       #C00000;

  --color-accent:          #C00000;
  --color-accent-hover:    #8B0000;
  --color-accent-press:    #6E0000;
}