/* ==========================================================================
   APPLE DESIGN SYSTEM VARIABLES (LIGHT MODE MẶC ĐỊNH)
   ========================================================================== */
:root {
    /* Bảng màu hệ thống Apple */
    --apple-blue: #0071e3;
    --apple-blue-hover: #0077ed;
    --apple-red: #ff3b30;
    --apple-red-hover: #ffebeb;
    --apple-gray-bg: #f5f5f7;
    --apple-text-main: #1d1d1f;
    --apple-text-secondary: #86868b;
    --apple-border: #d2d2d7;
    
    /* Hiệu ứng kính mờ (Vibrancy & Translucency) */
    --mac-window-bg: rgba(255, 255, 255, 0.85);
    --mac-titlebar-bg: rgba(245, 245, 247, 0.85);
    --mac-dock-bg: rgba(255, 255, 255, 0.35);
    --mac-blur: blur(20px);
    
    /* ĐỒNG BỘ FONT SIZE CHO IMAC / DESKTOP */
    --base-font-size: 14px;
    --base-line-height: 1.47059;
    --base-letter-spacing: -0.022em;
    
    --titlebar-font-size: 13px;
    --label-font-size: 13px;
    --input-font-size: 13px;
    --btn-font-size: 13px;
    --caption-font-size: 11px;
}

/* TỰ ĐỘNG ĐIỀU CHỈNH SANG DYNAMIC TYPE KHI LÊN IPHONE / MOBILE */
@media (max-width: 768px) {
    :root {
        --base-font-size: 17px;
        --base-line-height: 1.41176;
        --base-letter-spacing: -0.043em;
        
        --titlebar-font-size: 15px;
        --label-font-size: 15px;
        --input-font-size: 16px; /* Bắt buộc 16px để iOS không tự kích hoạt auto-zoom vỡ khung */
        --btn-font-size: 15px;
        --caption-font-size: 12px;
    }
}