/*
|--------------------------------------------------------------------------
| ROOT VARIABLES & GLOBAL RESET (Chuẩn hóa theo Mockup A1)
|--------------------------------------------------------------------------
*/
:root {
    /* 1. Bảng màu chuẩn DK Pharma (Mockup A1) */
    --dk-green: #007965; 
    --dk-green-d: #00604F; 
    --dk-green-l: #E6F2EF;
    --dk-gold: #B6AB3A; 
    --dk-gold-d: #8F861F;
    --dk-gray: #67686B; 
    --dk-gray-l: #F4F5F5; 
    --line: #E4E6E6;
    
    /* Màu tín hiệu (Trạng thái) */
    --ok: #2E9E6B; 
    --warn: #E0A500; 
    --err: #D14343; 
    --info: #2B7DC4;
    --ink: #1C2422;

    /* 2. Map các biến hệ thống CŨ sang màu MỚI (Tương thích ngược) */
    --primary: var(--dk-green);          
    --primary-hover: var(--dk-green-d);    
    --primary-light: var(--dk-green-l); 
    
    --accent: var(--dk-gold);            
    --accent-hover: var(--dk-gold-d);
    --accent-light: #FBF0D8; /* Vàng nhạt */

    /* Tông màu nền & chữ */
    --dark: var(--ink);
    --secondary: var(--dk-gray); 
    --text: #334155;      
    --muted: #9aa0a0;     
    --border: var(--line);    
    --bg-light: var(--dk-gray-l);  
    
    /* 3. Radius & Typography */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px; 
    --font: 'Be Vietnam Pro', 'Inter', system-ui, -apple-system, sans-serif;
    
    /* 4. Bóng đổ hiện đại (Theo Mockup A1) */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.04);
    --shadow-md: 0 10px 26px -16px rgba(0,40,32,.4);
    --shadow-lg: 0 18px 40px -16px rgba(0,30,24,.5);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font);
    color: var(--ink);
    background: #ffffff;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Hiệu ứng chuyển động (Chỉ áp dụng cho thẻ có tương tác) */
a, button, .form-control, .form-select {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
a { text-decoration: none; color: inherit; }

/*
|--------------------------------------------------------------------------
| LAYOUT & COMMON COMPONENTS
|--------------------------------------------------------------------------
*/
.section-space {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 991px) {
    .section-space { padding-top: 40px; padding-bottom: 40px; }
}

/* |--------------------------------------------------------------------------
| HỆ THỐNG NÚT BẤM (BUTTONS) - Cập nhật theo UI mới
|--------------------------------------------------------------------------
*/
.btn-core {
    border: none;
    border-radius: 9px;
    padding: 9px 18px;
    font-family: var(--font);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.btn-pri { 
    background: var(--dk-green); 
    color: #fff; 
}
.btn-pri:hover { 
    background: var(--dk-green-d); 
    color: #fff; 
}
.btn-sec { 
    background: #fff; 
    color: var(--dk-green); 
    border: 1.5px solid var(--dk-green); 
}
.btn-sec:hover { 
    background: var(--dk-green-l); 
}
.btn-gold { 
    background: var(--dk-gold); 
    color: #fff; 
}
.btn-gold:hover { 
    background: var(--dk-gold-d); 
}

/*
|--------------------------------------------------------------------------
| OLD LEGACY CLASSES 
| (Giữ lại tạm thời cho các trang con chưa nâng cấp)
|--------------------------------------------------------------------------
*/
.section-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--dark);
    line-height: 1.25;
    letter-spacing: -0.5px;
}
@media (min-width: 992px) { .section-title { font-size: 40px; } }

.badge-type {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.badge-fulltime { background: var(--primary-light); color: var(--primary); }
.badge-parttime { background: #fef3c7; color: #b45309; }
.badge-contract { background: #f3e8ff; color: #6b21a8; }
.badge-internship { background: #e0f2fe; color: #0369a1; }