/* Refined Color Variables for TraxPro Themes */

/* Light theme — default */
:root {
  --bg:                  #F8FAFC; /* Clean slate/zinc background */
  --surface:             #FFFFFF; /* Pure white cards */
  --surface-alt:         #F1F5F9; /* Subtle neutral gray/blue */
  --surface-input:       #F8FAFC; /* Input background */
  --surface-input-dark:  #F1F5F9;
  --border:              #E2E8F0; /* Clean light border */
  --border-alt:          #CBD5E1; /* Hover/focus border color */
  --border-subtle:       #94A3B8;
  --accent:              #4F46E5; /* Premium Indigo */
  --accent-dark:         #3730A3;
  --accent-hover:        #4338CA;
  --accent-light:        #6366F1;
  --header-bg:           #0F172A; /* Sleek slate nav bar */
  --header-text:         #F8FAFC;
  --text:                #0F172A; /* Rich dark slate */
  --text-secondary:      #475569; /* Slate secondary */
  --text-muted:          #64748B; /* Muted text */
  --dashboard-title:     #0F172A;
  --success:             #10B981; /* Emerald Green */
  --success-hover:       #059669;
  --success-bg:          #ECFDF5;
  --success-border:      #A7F3D0;
  --success-text:        #065F46;
  --danger:              #EF4444; /* Red */
  --danger-hover:        #DC2626;
  --danger-dark:         #991B1B;
  --danger-bg:           #FEF2F2;
  --danger-border:       #FEE2E2;
  --danger-text:         #991B1B;
  --secondary-btn:       #64748B;
  --secondary-btn-hover: #475569;
  --card-shadow:         rgba(15, 23, 42, 0.04);
  --modal-shadow:        rgba(15, 23, 42, 0.12);
  --signature-bg:        #FFFFFF;
  --signature-border:    #CBD5E1;
  --signature-filter:    none;
  --status-done:         #10B981;
  --status-pending:      #EF4444;
}

/* Dark theme */
[data-theme="dark"] {
  --bg:                  #09090B; /* Deep charcoal black */
  --surface:             #18181B; /* Zinc 900 card surface */
  --surface-alt:         #27272A; /* Zinc 800 */
  --surface-input:       #27272A;
  --surface-input-dark:  #09090B;
  --border:              #27272A; /* Dark zinc border */
  --border-alt:          #3F3F46; /* Zinc 700 */
  --border-subtle:       #52525B;
  --accent:              #06B6D4; /* Clean Cyan */
  --accent-dark:         #0891B2;
  --accent-hover:        #22D3EE;
  --accent-light:        #67E8F9;
  --header-bg:           #18181B; /* Zinc 900 header */
  --header-text:         #06B6D4;
  --text:                #F4F4F5; /* Zinc 100 text */
  --text-secondary:      #D4D4D8; /* Zinc 300 */
  --text-muted:          #71717A; /* Zinc 500 */
  --dashboard-title:     #FFFFFF;
  --success:             #10B981; /* Emerald Green */
  --success-hover:       #34D399;
  --success-bg:          #064E3B;
  --success-border:      #047857;
  --success-text:        #A7F3D0;
  --danger:              #EF4444; /* Red */
  --danger-hover:        #F87171;
  --danger-dark:         #7F1D1D;
  --danger-bg:           #451A03;
  --danger-border:       #991B1B;
  --danger-text:         #FEE2E2;
  --secondary-btn:       #3F3F46;
  --secondary-btn-hover: #52525B;
  --card-shadow:         rgba(0, 0, 0, 0.4);
  --modal-shadow:        rgba(0, 0, 0, 0.6);
  --signature-bg:        #71717A;
  --signature-border:    #3F3F46;
  --signature-filter:    invert(1) brightness(1.4);
  --status-done:         #10B981;
  --status-pending:      #F87171;
}