/* ════════════════════════════════════════════════════════════════════════════
   admission.css — Phase B.7 status badge colour system
   Drop-in tones for admission-related status chips. Matches §17 of
   ADMISSION_WORKFLOW_PLAN.md.

   Usage:
     <span class="adm-chip adm-tone-submitted">Submitted</span>

   Pages can also lift just the colour vars and apply them to their own
   styling — keeps the palette consistent without forcing the .adm-chip class.
   ════════════════════════════════════════════════════════════════════════════ */

:root {
    /* Stage / status palette — mirrors plan §17 */
    --adm-draft-bg:        #F0F1F5;
    --adm-draft-fg:        #4A4A69;
    --adm-draft-bd:        #E9EBF0;

    --adm-submitted-bg:    #E8F0FE;
    --adm-submitted-fg:    #1967D2;
    --adm-submitted-bd:    #AECBFA;

    --adm-pending-doc-bg:  #FEF7E0;
    --adm-pending-doc-fg:  #B06000;
    --adm-pending-doc-bd:  #FCE695;

    --adm-pending-fee-bg:  #FCE8E6;
    --adm-pending-fee-fg:  #A50E0E;
    --adm-pending-fee-bd:  #F6AEA9;

    --adm-verified-bg:     #E6F4EA;
    --adm-verified-fg:     #137333;
    --adm-verified-bd:     #A8DAB5;

    --adm-shortlisted-bg:  #FFF0F5;
    --adm-shortlisted-fg:  #9C1267;
    --adm-shortlisted-bd:  #F8B3D5;

    --adm-selected-bg:     #F3E8FD;
    --adm-selected-fg:     #6C29B8;
    --adm-selected-bd:     #D7AEFB;

    --adm-rejected-bg:     #FCE8E6;
    --adm-rejected-fg:     #A50E0E;
    --adm-rejected-bd:     #F6AEA9;

    --adm-admitted-bg:     #E0F2F1;
    --adm-admitted-fg:     #00695C;
    --adm-admitted-bd:     #80CBC4;

    --adm-process-bg:      #EFF1F4;
    --adm-process-fg:      #2A3155;
    --adm-process-bd:      #D9DEE7;
}

/* ── Reusable chip class ──────────────────────────────────────────────── */

.adm-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border-radius: 12px;
    font-size: .73rem;
    font-weight: 600;
    line-height: 1.4;
    border: 1px solid transparent;
    white-space: nowrap;
}

.adm-tone-draft        { background: var(--adm-draft-bg);        color: var(--adm-draft-fg);        border-color: var(--adm-draft-bd); }
.adm-tone-submitted    { background: var(--adm-submitted-bg);    color: var(--adm-submitted-fg);    border-color: var(--adm-submitted-bd); }
.adm-tone-pending-doc  { background: var(--adm-pending-doc-bg);  color: var(--adm-pending-doc-fg);  border-color: var(--adm-pending-doc-bd); }
.adm-tone-pending-fee  { background: var(--adm-pending-fee-bg);  color: var(--adm-pending-fee-fg);  border-color: var(--adm-pending-fee-bd); }
.adm-tone-verified     { background: var(--adm-verified-bg);     color: var(--adm-verified-fg);     border-color: var(--adm-verified-bd); }
.adm-tone-shortlisted  { background: var(--adm-shortlisted-bg);  color: var(--adm-shortlisted-fg);  border-color: var(--adm-shortlisted-bd); }
.adm-tone-selected     { background: var(--adm-selected-bg);     color: var(--adm-selected-fg);     border-color: var(--adm-selected-bd); }
.adm-tone-rejected     { background: var(--adm-rejected-bg);     color: var(--adm-rejected-fg);     border-color: var(--adm-rejected-bd); }
.adm-tone-admitted     { background: var(--adm-admitted-bg);     color: var(--adm-admitted-fg);     border-color: var(--adm-admitted-bd); }
.adm-tone-process      { background: var(--adm-process-bg);      color: var(--adm-process-fg);      border-color: var(--adm-process-bd); }