@charset "utf-8";
/* ==============================================
 * variables.css - CSS 변수 정의
 *
 * 학교별 테마 변경 시 아래 :root 값을 수정하세요.
 * ============================================== */

:root {
    /* ============================================================
     1. PRIMARY — Blue
     ============================================================ */
    --color-primary:         #5380F2;  /* 포인트 블루. #5381F2·#5181F8·#5280F2 대체 */
    --color-primary-dark:    #0D318C;  /* 진한 네이비. #0E318C 대체 */
    --color-primary-navy:    #1B294D;  /* 더 진한 네이비 (검색버튼·헤더 등) */
    --color-primary-bg: #F6F9FF;  /* 블루 연한 배경. #EDF2FD·#F8F9FD·#F8F9FC 대체 */

    /* ============================================================
       2. BRAND — Red(adm 메인컬러)
       ============================================================ */
    --color-brand:         #B81C2B;  /* 브랜드 레드  */
    --color-brand-strong:  #EA2735;  /* 강조 레드. #EB1B2F·#EA2936 대체 */
    --color-brand-bg: #FEF3F5;  /* 레드 계열 연한 배경 */

    /* ============================================================
       3. ACCENT
       ============================================================ */
    --color-green:        #22BF5F;  /* 성공·완료. #22BD5E 대체 */
    --color-green-dark:   #137C5B;  /* 진한 초록. #147C5B 대체 */
    --color-teal:         #54B2B1;
    --color-cyan:         #1EB1D4;
    --color-orange:       #F6925A;  /* #FA834F 대체 */
    --color-purple:       #A369EF;  /* #906EC9 대체 */
    --color-yellow-green: #ABCD05;
    --color-white:        #FFFFFF;
    --color-gray-blue:    #8B90A2;

    /* ============================================================
 4. NEUTRAL — Dark
 ============================================================ */
    --color-dark-900: #000000;
    --color-dark-800: #1A1A1A;
    --color-dark-700: #222222;
    --color-dark-600: #333333;
    --color-dark-500: #515151;

    /* ============================================================
       5. NEUTRAL — Gray
       ============================================================ */
    --color-gray-700: #666666;
    --color-gray-600: #6B6B6B;
    --color-gray-500: #999999;
    --color-gray-450: #AAAAAA;
    --color-gray-400: #DADADA;
    --color-gray-300: #CACBD0;
    --color-gray-250: #C1C1C1;
    --color-gray-200: #E5E5E5;
    --color-gray-100: #EBEBEB;
    --color-gray-50:  #EFEFEF;

    /* ============================================================
       6. BACKGROUND
       ============================================================ */
    --color-bg-subtle: #F9F9F9;
    --color-bg-warm:   #F8F7F5;
    --color-bg-warm-border: #F1F0EE;
    --color-bg-green:  #E5F2EE;

    /* ============================================================
       7. TEXT SEMANTIC  ← 값 중복 → Dark/Gray 변수 참조로 교체
       ============================================================ */
    --color-text-title:    var(--color-dark-900);   /* #000000 = dark-900 */
    --color-text-default:  var(--color-dark-600);   /* #333333 = dark-600 */
    --color-text-body:     var(--color-gray-700);   /* #666666 = gray-700 */
    --color-text-muted:    var(--color-gray-500);   /* #999999 = gray-500 */
    --color-text-link:     var(--color-primary);    /* #5380F2 = primary  */
    --color-text-link-adm: #2DA3FD;                 /* 단독값, 유지 */
    --color-text-danger:   var(--color-border-danger); /* #EA2936 공유 */
    --color-text-warn:     #E75826;                 /* 단독값, 유지 */
    --color-text-del:     #ED1D31;                 /* 단독값, 유지 */
    --color-text-highlight: #005667;  /* 하이라이트 텍스트 */

    /* ============================================================
       8. BORDER  ← 값 중복 → Gray/Dark 변수 참조로 교체
       ============================================================ */
    --color-border-strong:  var(--color-dark-700);  /* #222222 = dark-700 */
    --color-border-default: var(--color-gray-200);  /* #E5E5E5 = gray-200 */
    --color-border-light:   var(--color-gray-50);   /* #F0F0F0 ≈ gray-50  */
    --color-border-primary: var(--color-primary);   /* #5380F2 = primary  */
    --color-border-brand:   var(--color-brand);     /* #B81C2B = brand    */
    --color-border-danger:  #EA2936;                /* 단독값, 유지 */

    /* ============================================================
       9. STATUS
       ============================================================ */
    --color-status-success:        #22BF5F;
    --color-status-success-bg:     #E6F8ED;  /* 연한 배경용 */
    --color-status-info:           #1EB1D4;
    --color-status-info-bg:        #E6F7FA;
    --color-status-warning:        #F38A35;
    --color-status-warning-bg:     #FEF3E8;
    --color-status-danger:         #EA2936;
    --color-status-danger-bg:      #FDE8E9;
    --color-status-disabled:       #ABAEB3;
    --color-status-disabled-bg:    #F1F2F3;

    /* ============================================================
       10. DANGER UI — 경계·아이콘용 레드 (brand와 구분)
       ============================================================ */
    --color-danger: #F65B56;  /* #FC4C43·#EA5957 대체 */

    /* ============================================================
       11. OVERLAY / SHADOW
       ============================================================ */
    --color-overlay:      rgba(0, 0, 0, 0.30);
    --color-shadow-light: rgba(151, 151, 151, 0.15);
    --color-shadow:       rgba(0, 0, 0, 0.05);

    /* ============================================================
   12. DASHBOARD
   ============================================================ */
    /* 대시보드 전용 거의 검정 텍스트 */
    --color-dash-black:    #070001;

    /* 대시보드 전용 레드 (brand-strong과 동일값으로 통일) */
    /* #eb1b2f / #ed1b2f / #e91b2f → --color-brand-strong 사용 */

    /* status 카드 전용 컬러 */
    --color-dash-status1:  #d48686;
    --color-dash-status2:  #906ec9;  /* = --color-purple 동일값 */
    --color-dash-status3:  #54b2b1;  /* = --color-teal 동일값 */
    --color-dash-status4:  #35a2e8;
    --color-dash-status5:  #7d9d39;
    --color-dash-status4b: #5cbcf8;  /* percent_bar .bar 전용 */
    --color-dash-status5b: #94b254;  /* percent_bar .bar 전용 */
    --color-dash-percent-bg: #ebf2f7; /* percent_bar 배경 */

    /* lb 뱃지 색상 */
    --color-dash-lb1: #c490bf;
    --color-dash-lb2: #f29c9f;
    --color-dash-lb3: #84ccc9;
    --color-dash-lb4: #88abda;
    --color-dash-lb5: #f6b37f;
    --color-dash-lb6: #8bbf72;

    /* 기타 */
    --color-dash-divider:  #ebebeb;  /* i 구분선, schd border 등 */
    --color-dash-gray-tag: #c7c8ca;  /* list_box p, jobswp2 비활성 */
    --color-dash-avatar:   #d4d4d4;  /* prof_wrap > span 배경 */
    --color-dash-badge-bg: #5f5f5f;  /* ing_box back > ul > span */
    --color-dash-green: #84B137;  /* 진행중·점수 강조 올리브 그린 */
    --color-dash-cyan: #00A8DF;  /* 대시보드 하늘색 강조 */
    --color-dash-orange: #FF7100;  /* 현장실습 라벨 오렌지 */
    --color-dash-gold: #e3cd53;  /* 골드 */


    /* ============================================================
   13. ROLE THEME — 역할별 GNB 테마
   ============================================================ */
    --color-role-professor:     #56B8F4;
    --color-role-professor-bg:  #F7FBFE;

    --color-role-student:       #F6925A;
    --color-role-student-bg:    #FEFAF9;

    --color-role-assistant:     #A369EF;
    --color-role-assistant-bg:  #FAF7FD;

    --color-role-company:       #F65B56;
    --color-role-company-bg:    #FEF8F8;

}