/* =========================================================
   CollaLex — styles-colors.css
   TEMPORARY split file (transitional restructure).
   Extracted verbatim from the old styles.css Section 1.
   Will be rejoined into the final stylesheet later.
   ========================================================= */

:root {

  /* new color system */
  --saints-gold: #D3BC8D;

  --color-navy:             #1a3a5c;
  --color-navy-hover:       #15304d;
  --color-navy-rgb:         26,58,92;
  --color-navy-tint:        #ecf2f8;
  --color-navy-light:       #b1cbe7;
  --color-navy-text:        #163c64;

  --color-teal-primary:     #42a0bd;
  --color-teal-hover:       #2d7c94;
  --color-teal-tint:        #edf5f7;
  --color-teal-light:       #b5d8e3;
  --color-teal-text:        #1b4f60;
  --color-teal-lighter:     #79A8A4;
  --color-teal-lighter-20:  #94B9B6;
  --color-teal-lighter-40:  #AFCBC8;
  --color-teal-lighter-60:  #C9DCDB;
  --color-teal-lighter-80:  #E4EEED;

  --color-green-primary:    #358d5a;
  --color-green-hover:      #21633d;
  --color-green-tint:       #eef7f2;
  --color-green-light:      #b7e1c8;
  --color-green-text:       #1d5e38;

  --color-red-primary:      #b23434; /*  */
  --color-red-hover:        #872222; /* hover */
  --color-red-tint:         #f8eded; /* tint */
  --color-red-light:        #e7b1b1; /* border */
  --color-red-text:         #641717; /* text */

  --color-beige-primary:    #ad791f;
  --color-beige-hover:      #7d5612;
  --color-beige-tint:       #faf4eb;
  --color-beige-light:      #eed5aa;
  --color-beige-text:       #6d4a0d;

  --color-blue-primary:     #377abe;
  --color-blue-hover:       #255c93;
  --color-blue-tint:        #edf2f8;
  --color-blue-light:       #b1cce7;
  --color-blue-text:        #173d64;

  --color-light:        #f6f7f8;
  --color-light-hover:  #ebecf0;
  --color-light-tint:   #fcfcfd;
  --color-light-border: #dcdfe5;
  --color-light-text:   #2b303b;

  --color-ghost-border:     #e2e8f0;
  --color-ghost-text:       #718096;

    /* Text */
    --color-text:          #2d3748;
    --color-text-secondary:#4a5568;
    --color-text-muted:    #718096;
    --color-text-faint:    #a0aec0;

    /* Borders / backgrounds */
    --color-border:        #e2e8f0;
    --color-border-strong: #cbd5e0;
    --color-bg-page:       #f0f2f5;
    --color-bg-hover:      #f7fafc;
    --color-bg-divider:    #f0f4f8;
    --color-bg-active:     #ebf2fa;
    --color-pill-border:   #bee3f8;
    --color-surface:       #fff;

    /* Unsaved-change indicator (documented, intentional, kept distinct) */
    --color-unsaved:       #c05621;

    /* Code / terminal panel */
    --color-code-bg:       #1a2332;
    --color-code-text:     #e2e8f0;


}