/* ============================================================
   TPTVK - Design Tokens & CSS Variables
   공통 변수 / Biến CSS chung
   ============================================================ */

:root {
    /* Brand Colors */
    --navy:          #1a2b4a;
    --blue:          #2563EB;
    --blue-hover:    #1d4ed8;
    --blue-light:    rgba(37, 99, 235, 0.08);

    /* Status Colors */
    --status-blue:   #2563EB;
    --status-red:    #EF4444;
    --status-red-h:  #dc2626;
    --status-orange: #F97316;
    --status-gray:   #6B7280;
    --status-green:  #22C55E;

    /* UI Palette */
    --light-gray:    #f8fafc;
    --white:         #ffffff;
    --surface:       #ffffff;
    --border:        #e2e8f0;
    --border-dark:   #cbd5e1;
    --text-primary:  #1e293b;
    --text-secondary:#64748b;
    --text-muted:    #94a3b8;

    /* Shadows */
    --shadow-xs:  0 1px 2px rgba(0,0,0,0.06);
    --shadow:     0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md:  0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -2px rgba(0,0,0,0.05);
    --shadow-xl:  0 20px 25px -5px rgba(0,0,0,0.10), 0 10px 10px -5px rgba(0,0,0,0.04);

    /* Transitions */
    --transition-fast:   all 0.15s ease;
    --transition:        all 0.25s ease;
    --transition-slow:   all 0.4s ease;

    /* Border Radius */
    --radius-sm:  6px;
    --radius:     8px;
    --radius-md:  12px;
    --radius-lg:  16px;
    --radius-xl:  20px;
    --radius-full: 9999px;

    /* Sidebar */
    --sidebar-width:     240px;
    --sidebar-collapsed: 60px;

    /* Topnav */
    --topnav-height: 62px;

    /* Font families */
    --font-main:   'Noto Sans KR', 'Segoe UI', sans-serif;
    --font-num:    'Montserrat', sans-serif;
}